:root{--color-bg-dashboard: #050611;--color-card-bg: rgba(0, 0, 0, 80%);--color-card-glow: rgba(41, 57, 148, .85);--color-text-title: #BCBEC0;--color-text-value: #c67129;--color-accent: #C67129;--color-status-online: #00A651;--color-status-offline: #69000a;--font-primary: "Lato", sans-serif}.atom-icon-library{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px}.atom-icon-item{background:#ffffff14;padding:12px;border-radius:8px;cursor:pointer;text-align:center;border:2px solid transparent;transition:all .2s}.atom-icon-item:hover{background:#ffffff1a}.atom-icon-item.selected{border-color:#00a651;background:#00a65133}.atom-icon-item img{width:68px;height:68px;object-fit:contain}.atom-icon-item span{display:none}.atom-dashboard{position:relative;min-height:100vh;padding:17px 18px 17px 17px;font-family:var(--font-primary);background:transparent;overflow:hidden;z-index:1}.atom-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;margin-top:10px;position:relative}.atom-header__logo{max-height:30px;width:auto}.atom-header__menu-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#050814e6;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-value)}.atom-header__menu-line{width:18px;height:2px;background:currentColor;border-radius:2px}.atom-dashboard__grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-start}.atom-card{background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff0d;position:relative;overflow:hidden;box-sizing:border-box}.atom-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,113,41,.5),transparent);z-index:2;pointer-events:none}.atom-card__title{color:var(--color-text-title);font-family:Lato,sans-serif;font-weight:500;margin-left:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.atom-card__header-right{display:flex;align-items:center;gap:8px}.atom-status-dot{width:8px;height:8px;margin-top:5px;border-radius:50%}.atom-status-dot--online{background:var(--color-status-online);box-shadow:0 0 0 var(--color-status-online)}.atom-status-dot--offline{background:var(--color-status-offline);box-shadow:0 0 0 var(--color-status-offline)}.atom-card__settings-btn{background:transparent;border:none;font-size:14px;color:var(--color-text-value);cursor:pointer;padding:0;margin-right:7px;margin-top:5px;display:flex;align-items:center}.atom-card--model-1{width:180px;height:120px;padding:0;display:flex;flex-direction:column}.atom-card--model-1 .atom-card__header{width:180px;height:43px;display:flex;align-items:center;justify-content:space-between;padding-left:2px;padding-right:8px;box-sizing:border-box}.atom-card--model-1 .atom-card__title{font-size:22px;text-align:left}.atom-card__body--actuator{display:flex;flex-direction:row;height:77px;width:100%}.atom-actuator-left,.atom-actuator-icon-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.atom-card--model-1 .atom-card__icon--large{width:100%;height:100%;max-width:none;max-height:none;border-radius:0 20px;object-fit:cover;margin:0}.atom-actuator-right,.atom-actuator-button-box{width:90px;height:77px;display:flex;align-items:center;justify-content:center}.atom-power-btn{width:33px;height:33px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#bcbec0}.atom-power-btn--on{background-color:var(--color-status-online)}.atom-power-btn--off{background-color:var(--color-status-offline)}.sensor-header.atom-card__header{width:325px;height:43px;display:flex;align-items:center;justify-content:space-between;padding-right:8px;box-sizing:border-box}.atom-card--model-2{width:486px;height:218px;padding:0}.atom-card__body--sensor{display:flex;width:100%;height:100%}.atom-sensor-left{width:161px;height:218px;display:flex;flex-direction:column;position:relative}.atom-sensor-icon-box{width:161px;height:218px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.atom-card--model-2 .atom-card__icon-large{width:100%;height:100%;max-width:none;max-height:none;border-radius:20px 0 0 20px;object-fit:cover;margin:0;z-index:1}.atom-sensor-percent-overlay{position:absolute;bottom:0;left:0;right:0;width:100%;text-align:center;font-family:Lato,sans-serif;font-weight:700;font-size:20px;color:var(--color-accent);z-index:5;text-shadow:0px 2px 4px rgba(0,0,0,.8);background:#000000b3;padding:4px 0}.atom-sensor-values-box{width:325px;height:76px;display:flex;justify-content:space-between;align-items:center}.atom-sensor-values-left{display:flex;align-items:baseline;gap:6px}.atom-card__value{font-family:Lato,sans-serif;font-weight:700;padding-left:14px;color:var(--color-text-value);font-size:20px}.atom-card__unit{font-family:Lato,sans-serif;font-weight:700;font-size:16px;margin-left:4px;color:#bcbec0}.atom-sensor-values-box .atom-card__meta-row{margin-left:auto;margin-right:16px;display:flex;flex-direction:column;align-items:flex-end}.atom-sensor-values-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.atom-badge-period{font-family:Lato,sans-serif;font-size:10px;font-weight:600;color:#bcbec0;border:1px solid #C67129;border-radius:6px;padding:2px 6px;margin-left:0}.atom-card__minmax{font-family:Lato,sans-serif;font-size:11px;font-weight:500;color:#c67129;display:flex;align-items:flex-end;flex-direction:column;gap:1px;margin-top:3px}.atom-sensor-chart-box{width:325px;height:99px;padding:6px;box-sizing:border-box;display:flex;flex-direction:column}.atom-card__chart{width:100%;height:100%;display:block}.atom-chart-values-row,.atom-chart-labels-row{display:flex;width:100%;font-family:Lato,sans-serif}.atom-chart-value{flex:1;font-size:10px;font-weight:700;color:#bcbec0;text-align:center}.atom-chart-label{flex:1;font-size:10px;color:#fff;text-align:center}.atom-chart-svg-row{width:100%;min-height:0;flex-grow:1;position:relative;display:flex;align-items:center;overflow:hidden}.atom-chart-line{fill:none;stroke:var(--color-accent);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.atom-chart-point{fill:none;stroke:var(--color-text-title);stroke-width:2px;vector-effect:non-scaling-stroke}.atom-chart-dot{position:absolute;width:6px;height:6px;border-radius:50%;border:1px solid var(--color-text-title);background:transparent;transform:translate(-50%,-50%);z-index:10;pointer-events:none}.atom-card--model-3{width:486px;height:218px;padding:0}.atom-card__dual-container{display:flex;width:100%;height:100%}.atom-card__dual-half{width:243px;height:218px;display:flex;flex-direction:column;position:relative}.dual-header-box{width:243px;height:43px;display:flex;align-items:center;justify-content:space-between;padding-left:2px;padding-right:8px;box-sizing:border-box}.atom-card--model-3 .atom-card__title{font-size:22px;text-align:left}.dual-icon-box{position:relative;width:100%;height:100%;overflow:hidden}.atom-card--model-3 .atom-card__icon--battery{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.dual-value-overlay{position:absolute;left:0;right:0;bottom:0;width:100%;display:flex;justify-content:center;align-items:baseline;gap:6px;pointer-events:none;text-shadow:0px 2px 4px rgba(0,0,0,.8);background:#000000b3;padding:4px 0}.dual-value-overlay__value{font-size:20px;font-weight:700}.dual-value-overlay__unit{font-size:16px;font-weight:600}.atom-card__value-large{font-family:Lato,sans-serif;font-weight:700;font-size:20px;color:var(--color-text-value)}.atom-card__unit-small{font-family:Lato,sans-serif;font-weight:700;font-size:18px;color:var(--color-text-value)}@media(max-width:600px){.atom-dashboard__grid{justify-content:center}.atom-card--model-2,.atom-card--model-3{width:100%;max-width:486px;height:auto;aspect-ratio:486 / 218;margin-bottom:12px}.atom-card--model-2 .atom-sensor-left{width:33.12%;height:100%}.atom-card--model-2 .atom-sensor-right{width:66.87%;height:100%}.atom-sensor-icon-box{width:100%}.atom-sensor-percent-box{width:100%;height:26.14%}.sensor-header.atom-card__header{width:100%;height:19.72%}.atom-sensor-values-box{width:100%;height:34.86%}.atom-sensor-chart-box{width:100%;height:45.41%}.atom-card--model-3 .atom-card__dual-half{width:50%;height:100%}.dual-header-box{width:100%;height:19.72%}.dual-icon-box{width:100%;height:80.28%}.atom-card__title{font-size:clamp(16px,4.5vw,22px)!important}}.atom-card.atom-card--model-4 .atom-card__header{margin-top:4px;margin-bottom:2px}.atom-card--model-4{width:486px;height:129px;padding:0;display:flex;flex-direction:column}.atom-card--model-4 .atom-card__header{width:486px;height:52px;display:flex;align-items:center;justify-content:space-between;padding-left:2px;padding-right:8px;box-sizing:border-box}.atom-card--model-4 .atom-card__title{font-size:22px;text-align:left}.atom-card__body--dimmer{display:flex;flex-direction:row;width:100%;height:86px}.atom-dimmer-left{width:116px;height:82px;display:flex;align-items:center;justify-content:center}.atom-dimmer-icon-box{width:116px;height:77px;display:flex;align-items:center;justify-content:center}.atom-card--model-4 .atom-card__icon--large{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;margin:0;border-radius:0 20px}.atom-dimmer-right{width:370px;height:77px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding-left:10px}.atom-dimmer-track{position:relative;width:330px;height:45px;background:transparent;border:none;border-radius:0;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:pointer}.atom-dimmer-track:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:10px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);pointer-events:none}.atom-dimmer-track.is-disabled{opacity:.55;cursor:not-allowed}.atom-dimmer-dots{width:100%;padding:0 14px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.atom-dimmer-dots .dot{width:6px;height:6px;border-radius:999px;background:#c671292e}.atom-dimmer-dots .dot--filled{background:#c67129f2}.atom-dimmer-knob{position:absolute;top:50%;transform:translate(-50%,-50%);width:15px;height:15px;border-radius:999px;border:4px solid rgba(0,0,0,.25);box-shadow:0 6px 18px #00000059;display:flex;align-items:center;justify-content:center;color:#bcbec0}.atom-dimmer-knob.knob--on{background:#c67129f2}.atom-dimmer-knob.knob--off{background:var(--color-status-offline);border:none;width:25px;height:25px}.atom-dimmer-knob.knob--off svg{width:15px;height:15px}.atom-card--model-5{width:486px;height:128px;padding:0;display:flex;flex-direction:column}.atom-card.atom-card--model-5 .atom-card__header{margin-top:4px;margin-bottom:4px}.atom-card--model-5 .atom-card__header{width:486px;height:81px;display:flex;align-items:center;justify-content:space-between;padding-left:2px;padding-right:8px;box-sizing:border-box}.atom-card--model-5 .atom-card__title{font-size:22px;text-align:left}.atom-card__body--switcher{display:flex;flex-direction:row;width:100%;height:81px;align-items:center;justify-content:space-between}.atom-switcher-side{width:178px;height:81px;padding:0;border:none;background:transparent;cursor:pointer}.atom-switcher-side:disabled{opacity:.55;cursor:not-allowed}.atom-card__body--switcher .atom-switcher-side img{width:100%;height:100%;object-fit:cover;display:block}.atom-card__body--switcher .atom-switcher-side:first-child img{border-radius:0 20px}.atom-card__body--switcher .atom-switcher-side:last-child img{border-radius:20px 0}.atom-switcher-side.is-selected{outline:3px solid rgba(198,113,41,.35);box-shadow:0 0 14px #c671291a;border-radius:20px}.atom-switcher-side.is-active{outline:1px solid var(--color-status-online);box-shadow:0 0 18px #00a6512e}.atom-switcher-center{width:130px;height:77px;display:flex;align-items:center;justify-content:center}@media(max-width:600px){.atom-card--model-4,.atom-card--model-5{width:auto;flex:0 0 100%;max-width:100%;height:auto;aspect-ratio:486 / 129;box-sizing:border-box;margin-bottom:12px}.atom-card--model-4 .atom-card__header,.atom-card--model-5 .atom-card__header{width:100%;height:38%}.atom-card__body--dimmer,.atom-card__body--switcher{height:82%}.atom-dimmer-right .atom-dimmer-track{width:90%}}@media(max-width:600px){.atom-card--model-1{width:auto;flex:0 0 calc(50% - 8px);max-width:calc(50% - 8px);height:auto;aspect-ratio:226 / 150;box-sizing:border-box;margin-bottom:12px}.atom-card--model-1 .atom-card__header{width:100%;height:28%}.atom-card__body--actuator{height:72%}.atom-actuator-left,.atom-actuator-right{width:50%;height:100%}}.atom-menu-grid{padding:10px}.atom-mockup-item{padding-bottom:10px}.atom-menu-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;display:flex;align-items:center;justify-content:center}.atom-menu-container{overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.atom-menu-container::-webkit-scrollbar{display:none}.atom-menu-container{background:#000;padding:18px;margin:0;border-radius:16px;width:90%;max-width:400px;max-height:90vh;overflow-y:auto;color:#a7a9ac;box-shadow:0 20px 50px #00000080}.atom-menu-close{position:absolute;padding-top:32px;top:0;right:16px;background:none;border:none;color:#a7a9ac;cursor:pointer;font-size:1.2rem;opacity:.7}.atom-menu-list{display:flex;flex-direction:column;gap:12px;margin-top:20px;padding-top:40px}.atom-menu-list button{background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:16px;color:#c67129;text-align:center;border-radius:50px;cursor:pointer;font-size:1rem;transition:background .2s}.atom-btn-logout{background:#4f04004d!important;color:#a7a9ac!important;border:1px solid rgba(79,4,0,.4)!important}.atom-menu-list button:hover{background:#ffffff1a}.atom-menu-form{display:flex;flex-direction:column;gap:12px;margin-top:10px}.atom-form-subgroup{display:flex;flex-direction:column;gap:12px}.atom-input,.atom-select{background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:50px;color:#c67129!important;font-size:.8rem}.atom-select__chevron{display:inline-block;transform:rotate(90deg) scaleY(1.9);transform-origin:center;font-weight:300;font-size:.7rem!important;color:#c67129!important;margin-right:-4px}.atom-form-actions{display:flex;flex-direction:column;align-items:center;margin-top:10px}.atom-btn-primary{background:#00a6511a;color:#00a651;border:1px solid rgba(0,94,14,.7);padding:12px;border-radius:50px;cursor:pointer;font-weight:400;width:100%;margin-top:12px;margin-bottom:12px;font-size:.9rem}.atom-btn-danger{background:#dc35451a;color:#750005;border:1px solid rgba(176,42,55,.7);padding:12px;border-radius:50px;cursor:pointer;font-weight:400;font-size:.9rem;width:100%;margin-top:5px}.atom-btn-secondary{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#c67129;cursor:pointer;margin-top:5px;text-align:left;padding:10px 10px 10px 12px}.atom-btn-text{background:none;border:none;color:#999;cursor:pointer;margin-top:10px;text-decoration:underline}.atom-toggle-small{padding:10px 20px;border-radius:50px;border:none;font-size:.7rem;margin-left:14px;cursor:pointer;font-weight:medium}.atom-toggle-small.on{background:#94541e33;border:1px solid rgba(148,84,30,.4);color:#a7a9ac}.atom-toggle-small.off{background:#1e1106;border:1px solid #3B220C;color:#a7a9ac}.atom-percentage-mode{display:flex;gap:4px;justify-content:center}.atom-percentage-mode-btn{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#c67129;padding:10px 8px;font-size:.7rem;margin-top:14px;border-radius:50px;cursor:pointer;font-weight:700;transition:background .3s ease,transform .3s ease;width:100%}.atom-percentage-mode-btn:hover{background:#94541e1a;border:1px solid rgba(148,84,30,.3)}.atom-percentage-mode-btn.selected{background:#94541e33;border:1px solid rgba(148,84,30,.4);color:#a7a9ac}.atom-card--error{display:flex;align-items:center;justify-content:center;min-height:180px;background:#ef41360d;border:1px solid rgba(239,65,54,.2)}.atom-card__error-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;text-align:center}.atom-card__error-icon{font-size:48px;line-height:1}.atom-card__error-text h3{color:#ef4136;font-size:16px;font-weight:600;margin:0 0 8px}.atom-card__error-text p{color:#ffffffb3;font-size:14px;margin:0}.atom-card__error-text details{max-width:300px;text-align:left}.atom-card__error-text summary{cursor:pointer;color:#ffffff80;font-size:12px}.atom-card__error-text pre{background:#0000004d;padding:8px;border-radius:4px;overflow-x:auto;color:#fffc;white-space:pre-wrap;word-wrap:break-word}@media(max-width:768px){.atom-card--error{min-height:140px}.atom-card__error-icon{font-size:36px}.atom-card__error-text h3{font-size:14px}.atom-card__error-text p{font-size:12px}}.tank-shape-buttons{display:flex;gap:10px;margin-top:12px;width:100%}.tank-shape-btn{flex:1;aspect-ratio:1;background:#000;border:1px solid #555;border-radius:25px;cursor:pointer;display:flex;align-items:center;transition:all .2s ease;opacity:.6}.tank-shape-btn.selected{border-color:#00a6c7;opacity:1;filter:none}.tank-shape-btn img{width:100%;height:100%;object-fit:contain}.atom-info-alert{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:8px;font-size:.9rem;color:#ccc;margin-top:12px}.atom-info-alert-icon{font-size:1.2rem;flex-shrink:0}.atom-capacity-display{display:flex;align-items:center;justify-content:center;padding:10px 12px;background:#94541e33;border:1px solid rgba(148,84,30,.4);border-radius:50px;font-weight:300;font-size:.9rem;color:#a7a9ac;margin-top:12px;text-align:center}.tank-dimensions-title{margin-top:16px;margin-bottom:8px;font-size:.95rem;color:#a7a9ac;align-items:center}.atom-capacity-label{margin-right:4px}.atom-capacity-value{font-weight:700;color:#c67129;font-weight:400}.atom-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.atom-form-group label{color:#a7a9ac;margin-bottom:12px;display:block}.atom-form-group select.atom-select,.atom-form-group input.atom-input{width:100%;margin-top:0}.atom-card--model-6{padding:0;width:100%;max-width:486px;height:auto;display:flex;flex-direction:column;margin-bottom:12px}.atom-card--model-6.atom-production-layout-1{aspect-ratio:486 / 432;height:auto}.atom-card--model-6.atom-production-layout-2{aspect-ratio:486 / 572;height:auto}.atom-card--model-6.atom-production-layout-3{aspect-ratio:486 / 780;height:auto}.atom-production-header{width:100%;padding-left:3%;padding-right:2%;height:auto;min-height:10%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box}.atom-production-header .atom-card__title{font-size:clamp(14px,4.5vw,22px)}.atom-production-body{position:relative;width:100%;flex:1;overflow:hidden;padding:0;gap:0}.atom-production-row{width:100%;margin:0;display:flex;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-evenly;align-items:center}.atom-production-cell,.atom-production-cell--center,.atom-production-empty-cell{flex:0 0 30%;width:30%;height:auto;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center}.atom-production-device-block{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:2}.atom-production-device-icon{width:70%;height:70%;object-fit:contain;border-radius:12px}.atom-production-cell--center .atom-production-device-icon{width:80%;height:80%;border-radius:99px}.atom-production-cell--center{padding:0}.atom-production-device-title{position:absolute;top:5%;left:0;right:0;text-align:center;font-size:clamp(7px,2.5vw,11px);font-weight:600;color:#bcbec0;text-shadow:0px 2px 4px rgba(0,0,0,.8);background:#0009;padding:2% 0}.atom-production-device-value{position:absolute;bottom:5%;left:0;right:0;text-align:center;font-size:clamp(9px,3.5vw,16px);font-weight:700;color:#c67129;text-shadow:0px 2px 4px rgba(0,0,0,.8);background:#0009;padding:2% 0}.atom-production-device-value .value{color:#c67129}.atom-production-device-value .unit{font-size:clamp(7px,2.8vw,12px);margin-left:4px;color:#bcbec0}.atom-production-device-percentage{position:absolute;bottom:25%;left:0;right:0;text-align:center;font-size:clamp(10px,4vw,20px);font-weight:700;color:#c67129;text-shadow:0px 2px 4px rgba(0,0,0,.8);background:#0009;padding:6px 0}.atom-production-tubes{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.atom-production-footer{width:100%;height:auto;min-height:10%;display:flex;align-items:center;justify-content:center;padding:2.5%;box-sizing:border-box}.atom-weather-display{width:100%;height:100%;display:flex;flex-direction:column}.atom-weather-attribution{font-size:9px;color:#999;text-align:center;margin-bottom:4px}.atom-weather-attribution a{color:#00a651;text-decoration:none}.atom-weather-attribution a:hover{text-decoration:underline}.atom-weather-grid{display:flex;justify-content:space-between;align-items:center;flex:1}.atom-weather-day{display:flex;flex-direction:column;align-items:center;gap:4px}.atom-weather-icon{width:43px;height:43px;object-fit:contain}.atom-weather-temperature{font-size:12px;font-weight:600;color:#c67129cc}.atom-weather-sunhours{font-size:10px;font-weight:500;color:#f5a623}.atom-weather-prediction{font-size:11px;font-weight:600;color:#4a90e2}.atom-weather-day-label{font-size:10px;font-weight:600;color:#929497}.atom-production-chart{width:100%;height:100%}.atom-production-chart-value{font-size:clamp(12px,4vw,20px)}.atom-production-chart-label{font-size:clamp(14px,5vw,22px)}.atom-m6-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.atom-m6-section-title{margin:0}.atom-m6-item-container{margin-bottom:16px;padding:12px;background:#0050b41a;border-radius:20px;border:1px solid rgba(40,140,255,.3)}.atom-m6-item-container--sm{margin-bottom:12px}.atom-m6-item-header{display:flex;justify-content:space-between;margin-bottom:8px}.atom-m6-item-label{font-size:12px;color:#999}.atom-m6-remove-btn{color:#c67129;font-size:12px}.atom-m6-field{margin-bottom:12px}.atom-m6-label{display:block;margin-bottom:12px}.atom-m6-label--inline{margin:0}.atom-m6-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.atom-m6-grid-2col .atom-input{width:100%;box-sizing:border-box}.atom-m6-grid-2fr-1fr{display:grid;grid-template-columns:2fr 1fr;gap:8px}.atom-m6-info-box{padding:12px;background:#ffffff05;border-radius:8px}.atom-m6-info-box--opaque{background:#ffffff0d}.atom-m6-help-text{font-size:12px;color:#999;margin-top:0}.atom-m6-main-highlight{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#c671291a;border-radius:4px}.atom-m6-main-label{margin:0;font-weight:600}.atom-m6-percentage-box{padding:8px;background:#ffffff0d;border-radius:14px}.atom-m6-btn-full{width:100%}.atom-m6-flex-buttons{display:flex;gap:8px}.atom-m6-flex-button{flex:1}.atom-m6-mt-16{margin-top:16px}.atom-m6-mt-8{background:#0050b41a;border:1px solid rgba(40,140,255,.3);color:#a7a9ac;margin-top:8px}.atom-m6-mt-8-mb-16{margin-top:8px;margin-bottom:16px}.atom-m6-add-battery-btn{background:#00a6511a;border:1px solid rgba(0,94,14,.7);color:#a7a9ac;width:100%;margin-top:8px;margin-bottom:16px}.atom-m6-add-consumer-btn{width:100%;border:1px solid rgba(255,255,255,.3);color:#a7a9ac;background:#d7d7d71a;margin-top:8px;margin-bottom:16px}.atom-m6-grid-revenue{display:grid;grid-template-columns:1fr 100px;gap:8px}.atom-m6-polarity-btn{flex:1;padding:8px 16px;color:#a7a9ac;background-color:transparent;border:1px solid #3B220C;border-radius:50px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .2s,border-color .2s;text-align:center}.atom-m6-polarity-btn:hover{background-color:#1e1106}.atom-m6-polarity-btn.selected{background:#1e1106;border:1px solid #3B220C;color:#c67129;border-radius:50px}.atom-m6-footer-btn{flex:1;padding:8px 16px;background-color:#d7d7d71a;color:#a7a9ac;border:1px solid transparent;border-radius:50px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .2s,border-color .2s;text-align:center}.atom-m6-footer-btn:hover{background-color:#ffffff1a}.atom-m6-footer-btn.selected{background:#94541e33;border:1px solid rgba(148,84,30,.4);color:#c67129;border-radius:50px}.atom-m6-container-battery{margin-bottom:16px;padding:12px;background:#00a6511a;border-radius:20px;border:1px solid rgba(0,94,14,.7)}.atom-m6-container-consumer{margin-bottom:16px;padding:12px;background:#d7d7d71a;border-radius:15px}.atom-m6-container-consumer-sm{margin-bottom:12px;padding:12px;background:#d7d7d71a;border-radius:20px;border:1px solid rgba(255,255,255,.3)}.atom-m6-container-flow-sm{background:#0a142859;border:1px solid rgba(255,255,255,.18);margin-bottom:12px;padding:12px;border-radius:20px}.atom-m6-container-community{margin-bottom:16px;padding:12px;background:#ffe60014;border:1px solid rgba(255,255,255,.18);border-radius:20px}.atom-m6-container-revenue{margin-bottom:16px;padding:12px;background:#d7d7d71a;border-radius:20px}.atom-weather-day{cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.atom-weather-day:active{transform:scale(.96);background:#ffffff14}.atom-weather-day:hover{background:#ffffff0d}.atom-weather-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20000;display:flex;justify-content:center;align-items:flex-end;padding:0}.atom-weather-popup-content{width:100%;height:100%;background:var(--color-bg-primary, #1e1e1e);overflow-y:auto;padding:24px;position:relative;animation:atom-weather-slide-up .35s cubic-bezier(.16,1,.3,1);box-sizing:border-box;scrollbar-width:none}.atom-weather-popup-content::-webkit-scrollbar{display:none}@keyframes atom-weather-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.atom-popup-close{position:absolute;top:24px;right:24px;background:#ffffff1a;border:none;width:44px;height:44px;border-radius:50%;font-size:24px;color:var(--color-text-primary, #fff);cursor:pointer;z-index:20010;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}.atom-popup-close:active{transform:scale(.9)}.atom-popup-header{margin-bottom:24px;margin-top:40px}.atom-popup-title{font-size:28px;font-weight:700;margin:0;color:var(--color-text-primary, #fff);text-transform:capitalize}.atom-popup-main-stat{display:flex;align-items:baseline;margin-top:8px;gap:8px}.atom-popup-value{font-size:48px;font-weight:800;color:var(--color-accent-primary, #4caf50);line-height:1}.atom-popup-unit{font-size:20px;color:var(--color-text-secondary, #aaa);font-weight:500}.atom-popup-subheader{display:flex;align-items:center;gap:16px;background:#ffffff0d;padding:16px;border-radius:16px;margin-bottom:24px;border:1px solid rgba(255,255,255,.1)}.atom-popup-icon{width:48px;height:48px}.atom-popup-condition{font-size:18px;font-weight:600;text-transform:capitalize;color:var(--color-text-primary, #fff);flex:1}.atom-popup-temp{font-size:22px;font-weight:700;color:var(--color-text-primary, #fff)}.atom-popup-summary-text{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;font-size:16px;color:var(--color-text-secondary, #ddd);padding:0 8px}.atom-popup-summary-text strong{color:#fff;margin-left:8px;font-weight:700}.atom-popup-explanation{font-size:14px;line-height:1.5;color:#ccc;background:#2196f326;border-left:4px solid #2196f3;padding:16px;border-radius:0 12px 12px 0;margin-bottom:32px}.atom-popup-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:80px}.atom-popup-card{background:var(--color-card-bg, #2a2a2a);border:1px solid var(--color-card-border, rgba(255, 255, 255, .1));border-radius:16px;padding:16px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;box-shadow:0 4px 12px #0003}.atom-popup-card--wide{grid-column:span 2}.atom-card-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary, #aaa);margin-bottom:12px;font-weight:600}.atom-card-value{font-size:28px;font-weight:700;color:var(--color-text-primary, #fff);line-height:1.1}.atom-card-value-sm{font-size:16px;font-weight:600;color:var(--color-text-primary, #fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.atom-card-sub{font-size:12px;color:#888;margin-top:6px}.atom-card-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px;color:#ccc}.atom-card-row strong{color:#fff;font-weight:600}.atom-popup-list{display:flex;flex-direction:column;gap:10px}.atom-popup-list-item{display:flex;align-items:center;gap:12px;font-size:13px;color:#fff}.atom-lists-time{width:40px;font-family:monospace;color:#aaa;text-align:left}.atom-list-bar-container{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.atom-list-bar{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);border-radius:4px;min-width:4px}.atom-list-val{width:45px;text-align:right;font-weight:600;font-family:monospace}@media(min-width:768px){.atom-weather-popup-content{max-width:480px;border-radius:24px 24px 0 0;height:90vh;margin-bottom:0}}.solar-details-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20000;display:flex;justify-content:center;align-items:flex-end;padding:0;animation:solarFadeIn .2s ease-out}@keyframes solarFadeIn{0%{opacity:0}to{opacity:1}}.solar-details-sheet{width:100%;height:100%;background:var(--color-bg-primary, #1e1e1e);overflow-y:auto;padding:24px;position:relative;animation:solarSlideUp .35s cubic-bezier(.16,1,.3,1);box-sizing:border-box;scrollbar-width:none}@media(min-width:768px){.solar-details-sheet{max-width:520px;height:92vh;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px #00000080}.solar-details-modal{align-items:flex-end}}@keyframes solarSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.solar-details-close{position:absolute;top:24px;right:24px;background:#ffffff14;border:none;color:#fff;width:34px;height:34px;border-radius:50%;font-size:16px;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s}.solar-details-close:hover{background:#ffffff26}.solar-details-header{margin-top:40px;margin-bottom:24px}.solar-details-title{font-size:26px;font-weight:800;color:#fff;margin:0 0 4px;letter-spacing:-.5px}.solar-details-subtitle-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.solar-details-sub-left{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#fff;text-transform:capitalize}.solar-details-icon-sm{width:40px;height:40px}.solar-details-sub-right{font-size:16px;color:#ccc;font-weight:500}.solar-details-location-block{font-size:13px;color:#888}.solar-details-loc-line{color:#bbb;margin-bottom:4px;font-weight:500}.solar-details-coords{font-family:monospace;opacity:.6;font-size:12px}.solar-details-kpis{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:24px}.solar-details-kpi-item{background:#ffffff08;border-radius:16px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05)}.kpi-label{font-size:10px;text-transform:uppercase;color:#888;margin-bottom:4px;text-align:center;letter-spacing:.5px}.kpi-val{font-size:18px;font-weight:700;color:#fff;text-align:center}.solar-details-explain{background:#2196f31a;border-left:3px solid #2196f3;padding:16px;border-radius:0 12px 12px 0;margin-bottom:32px}.solar-details-explain p{margin:0 0 10px;font-size:14px;line-height:1.5;color:#ddd}.solar-details-explain p:last-child{margin:0}.solar-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-bottom:60px}.solar-details-card{background:var(--color-card-bg, #2a2a2a);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:16px;display:flex;flex-direction:column;position:relative;min-height:110px;justify-content:space-between}.solar-details-card-header{display:flex;justify-content:space-between;margin-bottom:8px}.solar-details-card-title{font-size:10px;text-transform:uppercase;font-weight:700;color:#777;letter-spacing:.5px}.solar-details-card-primary{font-size:20px;font-weight:800;color:#fff;margin-bottom:2px;line-height:1.1;word-break:break-word}.solar-details-card-secondary{font-size:13px;color:#bbb;margin-bottom:6px;font-weight:500}.solar-details-card-footnote{font-size:11px;color:#555;margin-top:auto;font-family:monospace}.solar-details-modal{position:fixed;inset:0;background:#000;z-index:20000;display:flex;align-items:center;justify-content:center;padding:0}.solar-details-sheet{background:#000;width:100%;max-width:600px;height:100%;max-height:100vh;overflow-y:auto;overflow-x:hidden;padding:16px;position:relative;scrollbar-width:none;box-sizing:border-box}.solar-details-sheet::-webkit-scrollbar{display:none}.solar-details-block{padding:24px 0;border-bottom:1px solid #3e2a1b;margin:0;background:transparent;border-radius:0}.solar-details-block:last-child{border-bottom:none}.solar-details-block-header{font-size:20px;color:#faaf40;margin-bottom:26px;font-weight:400;letter-spacing:.5px}.block-header-container{display:flex;justify-content:space-between;align-items:flex-start;padding-top:20px}.block-header-left{display:flex;margin-top:-19px;flex-direction:column}.block-header-icon{width:80px;height:80px;object-fit:contain}.block-header-temp{color:#00adee;font-size:11px;padding-left:25px;padding-top:10px}.block-header-center{flex:1;display:flex;justify-content:center;align-items:flex-start}.block-header-title{font-size:22px;color:#bcbec0;text-align:center;font-weight:400}.block-header-right{text-align:right;max-width:150px}.block-header-location{color:#bcbec0;font-size:12px;line-height:1.4}.production-chart-container{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.production-chart-left{display:flex;flex-direction:column;gap:4px}.production-chart-right{flex:1;display:flex;align-items:center;justify-content:center;padding:16px;border:1px solid #3e2a1b;border-radius:12px;color:#8a5d3b;font-size:13px;line-height:1.4;text-align:center;white-space:pre-line;background:#4d371438}.production-hour-row{display:flex;align-items:center;gap:19px;height:20px}.production-hour-label{color:#bcbec0;font-size:12px;font-family:monospace}.production-hour-bar-container{background:#94a3b81a;flex:1;display:flex;align-items:center;border-radius:0 9px 9px 0}.production-hour-bar{height:12px;background:linear-gradient(90deg,#00adee,#00adee0f);border-radius:0 9px 9px 0;min-width:2px}.production-hour-value{width:auto;min-width:50px;text-align:left;color:#00adee;font-size:12px}.production-footer{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;gap:8px}.production-footer-item{text-align:center}.production-footer-label{font-size:14px;color:#bcbec0;margin-bottom:4px}.production-footer-value{font-size:16px;color:#00adee;font-weight:400;Padding-bottom:20px}.production-unit-small{font-size:11px}.solar-day-container{padding-bottom:10px}.solar-day-arc-container{width:100%;height:100px;position:relative;display:flex;justify-content:center}.solar-day-arc{stroke-width:2;fill:none;stroke-opacity:.5}.solar-time-box{display:flex;flex:1;flex-direction:column;align-items:center}.solar-time-label{font-size:16px;color:#faaf40;margin-top:4px}.solar-center-box{border:1px solid #3e2a1b;border-radius:8px;padding:8px;display:flex;flex-direction:column;align-items:center;background:#4d371438}.solar-center-label{font-size:14px;color:#bcbec0;margin-bottom:2px}.solar-center-value{font-size:16px;color:#faaf40;font-weight:400}.solar-center-sublabel{font-size:10px;color:#fff;margin-top:2px;margin-bottom:5px;opacity:.7;font-weight:200}.influence-block-body{display:flex;justify-content:space-between;align-items:center}.influence-info-left{display:flex;flex-direction:column;gap:8px}.influence-icon-right{flex:0 0 100px;display:flex;justify-content:center}.influence-icon-large{width:100%;height:100%;object-fit:contain}.influence-data-row{display:flex;gap:6px;align-items:baseline;font-size:14px;color:#bcbec0}.solar-details-footer{text-align:center;color:#999;font-size:11px;margin-top:20px;padding-bottom:30px}@media(max-width:600px){.solar-details-sheet{padding:22px;max-width:100%;height:100%;margin-right:5px;border-radius:0;box-sizing:border-box}.solar-details-close{top:12px;right:12px;font-size:16px;color:#faaf40}.block-header-container{gap:12px}.block-header-center{justify-content:center}.block-header-title{font-size:18px}.block-header-location{font-size:12px}.production-chart-container{grid-template-columns:1fr;gap:20px;display:grid}.production-hour-label{font-size:11px}.production-hour-value{width:40px;font-size:11px}.production-footer-value{font-size:14px}.solar-day-times{gap:8px}.solar-time-label{font-size:13px}.solar-center-value{font-size:14px}.solar-time-icon{width:60%;height:60%}.influence-block-body{align-items:flex-start;padding-bottom:20px}.influence-icon-large{width:100%;height:100%;margin-top:-20px}.influence-data-row{font-size:14px}.solar-details-block-header{font-size:18px}}.production-chart-container{display:flex;gap:24px;margin:16px 0}.production-chart-left{flex:1;max-width:400px}.production-footer-item{text-align:center;flex:1}.solar-day-times{display:flex;justify-content:space-between;align-items:flex-start}.solar-time-icon{width:75%;height:75%}.solar-time-label{font-size:16px;color:#faaf40;font-weight:600}.influence-data-value{font-size:15px;color:#00adee;font-weight:400}.auth-container{position:relative;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden;padding:20px;box-sizing:border-box;z-index:1}.particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;background:#0c0c17;z-index:-1;pointer-events:none}.auth-card{position:relative;z-index:1;width:100%;max-width:clamp(340px,90vw,420px);background:#000;border-radius:clamp(24px,7vw,32px);box-shadow:0 0 clamp(0px,8vw,05px) #c6712980;padding:clamp(35px,10vw,50px) clamp(25px,8vw,40px) clamp(30px,8vw,40px) clamp(25px,8vw,40px);box-sizing:border-box}.auth-title{font-family:Lato,sans-serif;font-size:clamp(22px,6vw,22px);font-weight:400;color:#c67129;text-align:center;margin:0 0 clamp(6px,1.5vw,8px) 0;Padding-bottom:15px;letter-spacing:clamp(.3px,.1vw,.5px)}.auth-title-divider{width:90%;height:1px;background:linear-gradient(90deg,transparent,#C67129,transparent);margin:0 auto clamp(25px,7vw,35px) auto}.auth-form{display:flex;flex-direction:column;gap:clamp(18px,5vw,24px)}.input-group{position:relative;width:100%}.input-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);width:clamp(16px,4vw,18px);height:clamp(16px,4vw,18px);opacity:.7;pointer-events:none;z-index:2;filter:brightness(0) saturate(100%) invert(56%) sepia(42%) saturate(1226%) hue-rotate(2deg) brightness(94%) contrast(88%)}.auth-input{width:100%;padding:clamp(12px,3vw,14px) 0 clamp(12px,3vw,14px) clamp(26px,6.5vw,30px);background:transparent;border:none;border-bottom:1px solid #3e2a1b;font-family:Lato,sans-serif;font-size:clamp(14px,3.5vw,15px);color:#fff;box-sizing:border-box;transition:all .3s ease}.auth-input::placeholder{color:#c6712980}.auth-input:focus{outline:none;border-bottom-color:#d4a574}.auth-checkbox-row{display:flex;align-items:center;justify-content:space-between}.auth-checkbox{display:flex;align-items:center;gap:clamp(6px,1.5vw,8px);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-checkbox input[type=checkbox]{width:clamp(14px,3.5vw,16px);height:clamp(14px,3.5vw,16px);cursor:pointer;accent-color:#C67129;opacity:.3;margin-left:1px}.auth-checkbox label{font-size:clamp(12px,3vw,13px);color:#c6712980;cursor:pointer;font-family:Lato,sans-serif}.forgot-password-link{font-size:clamp(12px,3vw,13px);color:#c6712980;text-decoration:none;font-family:Lato,sans-serif;font-style:italic;transition:color .3s ease}.forgot-password-link:hover{color:#d4a574}.auth-button-row{display:flex;gap:clamp(12px,3vw,16px)}.auth-button{flex:1;padding:clamp(12px,3vw,14px) clamp(18px,5vw,24px);border:none;border-radius:clamp(90px,5vw,25px);font-family:Lato,sans-serif;font-size:clamp(14px,3.5vw,16px);font-weight:400;cursor:pointer;transition:all .3s ease;box-sizing:border-box;text-align:center;text-decoration:none;display:inline-block}.auth-button.primary{background:#c67129;color:#000;opacity:.8}.auth-button.primary:hover:not(:disabled){transform:translateY(-2px)}.auth-button.secondary{background:#c6712926;border:1px solid rgba(198,113,41,.3);color:#c67129;opacity:.8}.auth-button.secondary:hover:not(:disabled){background:#c6712940;border-color:#c6712980}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-footer{margin-top:clamp(18px,5vw,24px);text-align:center;font-size:clamp(10px,2.5vw,11px);color:#ffffff4d;font-family:Lato,sans-serif;line-height:1.5}.auth-footer a{color:#c6712980;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.error-message{padding:clamp(10px,2.5vw,12px) clamp(12px,3.5vw,16px);background:#ff3b301a;border:1px solid rgba(255,59,48,.3);border-radius:clamp(6px,1.5vw,8px);color:#ff3b30;font-size:clamp(13px,3vw,14px);font-family:Lato,sans-serif;text-align:center;margin:-10px 0 0}.success-message{padding:clamp(10px,2.5vw,12px) clamp(12px,3.5vw,16px);background:#00a6511a;border:1px solid rgba(0,166,81,.3);border-radius:8px;color:#00a651;font-size:14px;font-family:Lato,sans-serif;text-align:center}.auth-message{text-align:center;padding:20px}.auth-message p{color:#bcbec0;font-family:Lato,sans-serif;font-size:15px;margin:10px 0}.auth-message.success p{color:#00a651}.auth-message.error p{color:#ff3b30}.spinner{width:40px;height:40px;margin:20px auto;border:4px solid rgba(198,113,41,.2);border-top-color:#c67129;border-radius:50%;animation:spin 1s linear infinite}.checkmark{width:56px;height:56px;margin:0 auto 20px;display:block}.checkmark-circle{stroke:#00a651;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke-circle .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{stroke:#00a651;stroke-width:2;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke-check .3s cubic-bezier(.65,0,.45,1) .6s forwards}@keyframes stroke-circle{to{stroke-dashoffset:0}}@keyframes stroke-check{to{stroke-dashoffset:0}}.error-icon{width:56px;height:56px;margin:0 auto 20px;display:block}.error-circle{stroke:#ff3b30;stroke-width:2;stroke-dasharray:166;stroke-dashoffset:166;animation:stroke-circle .6s cubic-bezier(.65,0,.45,1) forwards}.error-cross{stroke:#ff3b30;stroke-width:2;stroke-dasharray:40;stroke-dashoffset:40;animation:stroke-check .3s cubic-bezier(.65,0,.45,1) .6s forwards}.password-hint{font-size:clamp(10px,2.5vw,11px);color:#c6712980;margin:clamp(-16px,-4vw,-18px) 0 0 0;font-family:Lato,sans-serif}@media(max-width:480px){.auth-card{max-width:84vw}@media(max-width:360px){.auth-button-row{flex-direction:column;gap:10px}.auth-button{width:100%}}}.logs-card{background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:16px;padding:24px;margin-bottom:28px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff0d;position:relative}.logs-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,113,41,.5),transparent)}.logs-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.logs-card-header h3{color:var(--color-accent, #C67129);font-size:1.1rem;margin:0;font-weight:600}.refresh-btn-modern{background:transparent;border:none;color:var(--color-accent, #C67129);padding:8px;cursor:pointer;transition:all .3s ease;border-radius:8px;display:flex;align-items:center;justify-content:center}.refresh-btn-modern:hover{color:#e8a065;transform:rotate(180deg)}.refresh-btn-modern:disabled{opacity:.5;cursor:not-allowed;transform:none}.refresh-btn-modern:disabled:hover{transform:none}.level-dot{width:3px;height:3px;border-radius:50%;flex-shrink:0}.level-dot--critical{border:2px solid #dc2626;background:transparent}.level-dot--error{border:2px solid #90278E;background:transparent}.level-dot--warning{border:2px solid #f59e0b;background:transparent}.level-dot--info{border:2px solid #004691;background:transparent}.logs-card .refresh-btn{background:#ffffff1a;border:none;border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .2s}.logs-card .refresh-btn:hover{background:#fff3}.logs-card .refresh-btn:disabled{opacity:.5;cursor:not-allowed}.logs-counts{display:flex;gap:9px;align-items:flex-end;margin-bottom:22px;flex-wrap:wrap;justify-content:center;align-items:center}.count-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:8px;transition:all .2s ease}.count-item.active{background:transparent;border-bottom:2px solid rgba(198,113,41,.3)}.count-label-text{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.count-row{display:flex;align-items:center;gap:6px}.count-number{font-size:1rem;font-weight:600;color:#004691}.count-period{color:#fff6;font-size:.75rem;margin-left:0;font-weight:400;padding-top:4px}.count-badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:6px}.count-badge .level-dot{width:8px;height:8px}.count-badge.critical{background:#dc262633;color:#fca5a5}.count-badge.error{background:#ef444433;color:#fca5a5}.count-badge.warning{background:#f59e0b33;color:#fcd34d}.count-badge.info{background:#3b82f633;color:#93c5fd}.count-label{color:#ffffff80;font-size:.75rem}.logs-filters{display:flex;gap:16px;margin-bottom:22px;flex-wrap:wrap;justify-content:center;align-items:center}@media(max-width:480px){.logs-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px}.logs-card .filter-btn{text-align:center;padding:8px 4px}}.logs-card .filter-btn{background:transparent;border-bottom:2px solid #3e2a1b;border-radius:55px;color:#ffffffb3;padding:10px;font-size:.75rem;cursor:pointer;transition:all .2s}.logs-card .filter-btn.active{Background:#170f04;border:.5px solid #C67129;color:var(--color-accent, #C67129)}.logs-list{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.logs-list::-webkit-scrollbar{width:6px}.logs-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.log-entry{padding:12px 14px;border-radius:10px;Background:#170f04;margin-bottom:8px;cursor:pointer;transition:all .2s}.log-main{display:flex;align-items:center;gap:12px}.log-message{flex:1;color:#c67129;font-size:.85rem;overflow:hidden;text-overflow:ellipsis}.log-time{color:#5c3a21;font-size:.75rem;white-space:nowrap}.log-details{margin-top:10px;padding:12px;Background:#000;border-radius:0 0 10px 10px;border-top:1px solid var(--color-accent, #C67129)}.log-details pre{margin:0;color:#004691;font-family:var(--font-primary, "Lato", sans-serif);font-size:.8rem;letter-spacing:.5px;white-space:pre-wrap;word-break:break-word}.logs-loading,.logs-error,.logs-empty{padding:40px;text-align:center;color:#ffffff80}.logs-error{color:#ef4444}.admin-container{min-height:100vh;background:transparent;color:#fff;padding:30px;font-family:var(--font-primary, "Lato", sans-serif);position:relative;z-index:1;overflow-x:hidden}.admin-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;position:relative;z-index:10}.admin-header h1{font-size:32px;font-weight:700;background:linear-gradient(135deg,#c67129,#e8a065,#c67129);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite;letter-spacing:-.5px}@keyframes shimmer{to{background-position:200% center}}.admin-header .date{color:#c67129cc;font-size:14px;font-weight:400}.admin-back-container{display:flex;justify-content:flex-end;margin-bottom:20px}.admin-back-btn{width:18px;height:18px;border-radius:50%;background:transparent;border:2px solid #C67129;color:#c67129;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1;margin-right:20px}.admin-back-btn:hover{background:#c6712926;border-color:#c67129;color:#c67129;transform:translate(-3px)}.admin-card{background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:16px;padding:24px;margin-bottom:28px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff0d;position:relative;overflow:hidden}.admin-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,113,41,.5),transparent)}.admin-card h2{font-size:18px;font-weight:600;margin-bottom:20px;color:var(--color-accent, #C67129);display:flex;align-items:center;gap:10px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.stat-item{padding:16px 0;border-bottom:1px solid #3e2a1b;transition:all .3s ease}.stat-item strong{color:var(--color-text-title, #BCBEC0);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:500}.stat-item span{font-size:15px;font-weight:700;color:#004691}.scroll-container{max-height:350px;overflow-x:auto;overflow-y:auto;background:#0000004d;border-radius:12px;scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}.admin-table{width:100%;border-collapse:separate;border-spacing:0}.admin-table thead{position:sticky;top:0;z-index:1}.admin-table th{padding:14px 16px;text-align:left;font-weight:600;color:var(--color-accent, #C67129);background:#1a1105;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.admin-table td{padding:14px 2px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.75rem;color:var(--color-text-title, #BCBEC0)}.admin-table tbody tr{transition:all .2s ease;text-align:center}.admin-table tbody tr:hover{background:#29399426;cursor:pointer}.email-link{color:#c67129cc;text-decoration:none;transition:all .2s ease;font-weight:500}.admin-btn{padding:12px 24px;border:none;border-radius:55px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;font-family:inherit;position:relative;overflow:hidden}.admin-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.admin-btn:hover:before{left:100%}.admin-btn-primary{color:#c67129;background:#170f04;border-radius:55px;border:.5px solid #C67129}.admin-btn-danger{background:#ef413633;color:#ef4136;border:1px solid #de392f}.admin-btn-secondary{background:#c671291a;border:1px solid rgba(198,113,41,.5);color:var(--color-accent, #C67129)}.admin-btn-secondary:hover{background:#c6712933;border-color:#c67129}.modal-overlay{position:fixed;inset:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;pointer-events:none}.modal-content{padding:24px;margin:20px;background:#00000080;border:2px solid rgba(198,113,41,.5);border-radius:20px;max-width:500px;position:relative;z-index:1002;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{margin-bottom:24px}.modal-header h3{color:var(--color-accent, #C67129);font-size:24px;margin-bottom:8px;font-weight:700}.modal-body{margin-bottom:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:10px;color:var(--color-text-title, #BCBEC0);font-weight:500;font-size:14px}.form-control{width:100%;background:#00000080;border:1px solid rgba(198,113,41,.3);border-radius:55px;color:#fff;font-size:15px;font-family:inherit;transition:all .3s ease}.form-control:focus{outline:none;border-color:var(--color-accent, #C67129);box-shadow:0 0 0 3px #c6712926;background:#000000b3}.form-control::placeholder{color:#ffffff4d}textarea.form-control{min-height:120px;resize:vertical}.error-message{background:#dc354526;border:1px solid rgba(220,53,69,.5);color:#ff6b6b;padding:14px 16px;border-radius:10px;margin-bottom:16px;font-size:14px;display:flex;align-items:center;gap:10px}.error-message:before{content:"⚠️"}.success-message{background:#00a65126;border:1px solid rgba(0,166,81,.5);color:#5dd879;padding:14px 16px;border-radius:10px;margin-bottom:16px;font-size:14px;display:flex;align-items:center;gap:10px}.success-message:before{content:"✓"}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-dashboard, #050611);position:relative;overflow:hidden}.login-box{background:#000000b3;border:1px solid rgba(198,113,41,.3);border-radius:24px;padding:48px;width:420px;max-width:90%;box-shadow:0 25px 50px #00000080,0 0 100px #2939941a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10}.login-box h1{text-align:center;margin-bottom:32px;background:linear-gradient(135deg,#c67129,#e8a065);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:36px;font-weight:700}.toggle-container{display:flex;align-items:center;gap:12px}.toggle-switch{position:relative;width:52px;height:28px;background:#170f04;border-radius:14px;cursor:pointer;transition:all .3s ease;border:1px solid #C67129}.toggle-switch.disabled{opacity:.5;cursor:not-allowed;border:1px solid #625a4e}.toggle-slider{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#625a4e;border-radius:50%;box-shadow:none}.toggle-switch:before,.toggle-slider:before{display:none;content:none}.toggle-switch.active .toggle-slider{left:27px;background:#ff7600}.totp-input{font-size:28px;letter-spacing:12px;text-align:center;font-family:SF Mono,Consolas,monospace;font-weight:600}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.shop-item{background:#1a1105;border:1px solid rgba(198,113,41,.15);border-radius:12px;padding:16px;text-align:center;transition:all .3s ease}.shop-item-placeholder{width:100%;height:100px;background:#a6a8ab;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:#d4a574}.shop-item-icon{font-size:48px;line-height:1;display:block}.shop-item .item-name{font-size:14px;font-weight:600;margin-bottom:4px;color:#fff}.shop-item .item-owner{font-size:12px;color:#c67129}.user-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.user-stat-item{padding:16px 0;background:transparent;border-bottom:1px solid #3e2a1b;transition:all .3s ease}.user-stat-item label{display:block;color:var(--color-text-title, #BCBEC0);font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.user-stat-item .value{font-size:15px;font-weight:600;color:#004691}@media(max-width:768px){.admin-container{padding:16px}.admin-header{gap:16px;white-space:nowrap}.admin-header h1{font-size:22px}.admin-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:0px}.stat-item{display:grid;justify-items:center}.user-stats{grid-template-columns:1fr}.action-buttons{flex-direction:column}.admin-btn{width:100%}}.admin-stats .stat-item{cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.admin-stats .stat-item:hover{background:#c671291a}.admin-stats .stat-item.active{border-bottom-color:#c67129;background:#c6712926}.admin-stats .stat-item.active strong{color:#c67129}.actions-section{margin-bottom:20px}.actions-title{display:block;margin-bottom:15px;color:#c67129cc;font-weight:500;font-size:14px}.pending-approvals-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.pending-approval-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0000004d;border:1px solid rgba(198,113,41,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.pending-approval-item:hover{background:#c671291a;border-color:#c6712966;transform:translate(2px)}.pending-approval-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#c6712926;border-radius:8px;color:#d4a574}.pending-approval-content{flex:1;display:flex;flex-direction:column;gap:2px}.pending-approval-label{font-size:14px;font-weight:500;color:#fff}.pending-approval-count{font-size:12px;color:#d4a574}.pending-approval-arrow{color:#c6712999;transition:transform .2s ease}.pending-approval-item:hover .pending-approval-arrow{transform:translate(4px)}.shop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:4px}.shop-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:center;transition:all .2s ease}.shop-item:hover{background:#ffffff1a;transform:translateY(-2px);border-color:#c6712966}.shop-item-img{width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;margin-bottom:8px;background:#0003;display:flex;align-items:center;justify-content:center}.shop-item-img img{width:100%;height:100%;object-fit:cover}.shop-item-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.shop-item-icon{font-size:24px}.item-name{font-size:13px;font-weight:600;color:#fff;text-align:center;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.item-owner{font-size:11px;color:#bcbec0;text-align:center}.admin-marketplace-page{padding:20px;color:#fff;min-height:100vh}.page-container{max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px}.page-title{font-size:24px;font-weight:600;color:#fff;margin:0}.marketplace-tabs{display:flex;gap:2px;margin-bottom:30px;background:#0000004d;padding:4px;border-radius:12px;width:fit-content}.marketplace-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;color:#bcbec0;font-size:14px;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s ease}.marketplace-tab:hover{color:#fff;background:#ffffff0d}.marketplace-tab.active{color:#fff;background:#c67129;box-shadow:0 2px 8px #c671294d}.marketplace-pending-list{display:flex;flex-direction:column;gap:16px}.marketplace-pending-card{background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:center;gap:20px}.marketplace-pending-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,rgba(198,113,41,.5),transparent)}.marketplace-card-header{flex:2;display:flex;flex-direction:column;margin-bottom:0}.marketplace-card-header h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px}.marketplace-card-details{flex:1;display:flex;flex-direction:column;gap:4px;border-left:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);padding:0 20px}.marketplace-user-info{flex:1;padding:0 10px}.marketplace-card-actions{display:flex;gap:10px}.card-header h3{margin:0;font-size:18px;font-weight:600;color:#fff;line-height:1.3}.category-badge{background:#c6712933;color:#d4a574;font-size:10px;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(198,113,41,.3);width:fit-content}.marketplace-card-details .price{font-size:16px;font-weight:600;color:#fff;margin:0}.marketplace-card-details .condition{font-size:13px;color:#bcbec0;margin:0}.marketplace-card-details .submitted{font-size:12px;color:#ffffff80;margin-top:4px}.marketplace-user-info .user-label{font-size:11px;color:#ffffff80;margin:0}.marketplace-user-info .user-name{font-size:13px;font-weight:500;color:#fff;margin:0}.marketplace-user-info .user-email{font-size:12px;color:#bcbec0;margin:0}.marketplace-card-actions .btn-approve,.marketplace-card-actions .btn-reject{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-approve{background:#00a65133;color:#00a651;border:1px solid rgba(0,166,81,.3)}.btn-approve:hover{background:#00a6514d;box-shadow:0 0 10px #00a65133}.btn-reject{background:#69000a33;color:#ff4d4f;border:1px solid rgba(105,0,10,.3)}.btn-reject:hover{background:#69000a4d;box-shadow:0 0 10px #69000a33}.loading-container,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;color:#bcbec0;text-align:center;gap:15px}.spinner{width:40px;height:40px;border:3px solid rgba(198,113,41,.3);border-radius:50%;border-top-color:#c67129;animation:spin 1s linear infinite}.shop-page,.services-page{padding:20px;font-family:var(--font-primary);color:var(--color-text-title)}.shop-header,.services-header{margin-bottom:24px}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.page-title{font-size:22px;font-weight:700;margin:0;color:#c67129}.add-product-btn,.add-service-btn{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--color-accent) 0%,rgba(198,113,41,.8) 100%);color:#fff;border:none;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-product-btn:hover,.add-service-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c6712966}.search-bar{position:relative;margin-bottom:16px}.search-input{width:100%;padding:14px 16px 14px 48px;background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:12px;color:var(--color-text-title);font-size:14px;font-family:var(--font-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #c671291a}.search-input::placeholder{color:#bcbec080}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--color-accent);pointer-events:none}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-title);cursor:pointer;padding:4px;opacity:.6;transition:opacity .2s}.clear-search:hover{opacity:1}.filter-section{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filter-toggle{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:10px;color:var(--color-text-title);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.filter-toggle:hover,.filter-toggle.active{border-color:var(--color-accent);background:#c671291a}.filter-count{background:var(--color-accent);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.clear-filters-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#c500001a;border:1px solid rgba(197,0,0,.3);border-radius:10px;color:#ff6b6b;font-size:13px;cursor:pointer;transition:all .2s}.clear-filters-btn:hover{background:#c5000033}.results-count{margin-left:auto;color:var(--color-text-title);font-size:14px;opacity:.7}.filters-panel{background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:12px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-group label{display:block;color:var(--color-accent);font-size:13px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.filter-group select{width:100%;padding:10px 12px;background:#0006;border:1px solid rgba(198,113,41,.3);border-radius:8px;color:var(--color-text-title);font-size:14px;font-family:var(--font-primary);cursor:pointer;transition:all .2s}.filter-group select:focus{outline:none;border-color:var(--color-accent)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--color-text-title);font-size:14px}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent)}.products-grid,.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:32px}.product-card,.service-card{background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff0d;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative}.product-card:before,.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,113,41,.5),transparent);z-index:2;pointer-events:none}.product-card:hover,.service-card:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:0 8px 40px #0006,0 0 20px #c6712933}.product-card-image,.service-card-image{width:100%;height:240px;position:relative;background:#0006;overflow:hidden;border-radius:16px 16px 0 0}.product-card-image img,.service-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-card-image img,.service-card:hover .service-card-image img{transform:scale(1.05)}.product-card-content,.service-card-content{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}.product-card-header,.service-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.product-badges,.service-badges{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:1}.product-card .product-title,.service-card .service-title{font-size:16px;font-weight:600;color:var(--color-text-title);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}.product-card .product-category,.service-card .service-category{font-size:12px;color:#c67129cc;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin:0}.product-card .product-footer,.service-card .service-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid rgba(198,113,41,.15)}.product-card .product-price,.service-card .service-price{display:flex;align-items:baseline;gap:8px}.product-card .price-amount,.service-card .price-amount{font-size:24px;font-weight:700;color:var(--color-accent)}.product-card .product-seller,.service-card .service-provider{display:flex;align-items:center;gap:8px;padding:0;border:none;margin:0}.product-card .seller-avatar,.product-card .seller-avatar-placeholder,.service-card .provider-avatar,.service-card .provider-avatar-placeholder{width:28px;height:28px;flex-shrink:0}.product-card .seller-info,.service-card .provider-info{display:flex;flex-direction:column;gap:2px;min-width:0}.product-card .seller-name,.service-card .provider-name{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.product-card .seller-region,.service-card .provider-location{display:flex;align-items:center;gap:4px;font-size:11px;color:#bcbec099;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.product-card-title,.service-card-title{font-size:18px;font-weight:600;color:var(--color-text-title);margin:0 0 8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-price,.service-card-price{font-size:20px;font-weight:700;color:var(--color-accent);margin:12px 0}.product-card-badges,.service-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.badge.category{background:#29399433;border:1px solid rgba(41,57,148,.4);color:#8b9fe8}.badge.condition{background:#c6712926;border:1px solid rgba(198,113,41,.3);color:var(--color-accent)}.badge.new{background:#00a65126;border:1px solid rgba(0,166,81,.3);color:var(--color-status-online)}.badge.used{background:#bcbec026;border:1px solid rgba(188,190,192,.3);color:var(--color-text-title)}.badge.atom-compatible{background:#00a65126;border:1px solid rgba(0,166,81,.3);color:var(--color-status-online)}.badge.affiliate{background:#c6712926;border:1px solid rgba(198,113,41,.3);color:var(--color-accent)}.product-card-seller,.service-card-provider{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid rgba(198,113,41,.1);margin-top:12px}.seller-avatar,.provider-avatar{width:32px;height:32px;border-radius:50%;background:#c6712933;border:1px solid rgba(198,113,41,.3);object-fit:cover}.seller-avatar-placeholder,.provider-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:#c6712933;border:1px solid rgba(198,113,41,.3);display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-weight:700;font-size:14px}.seller-info,.provider-info{flex:1;min-width:0}.seller-name,.provider-name{font-size:13px;font-weight:600;color:var(--color-text-title);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seller-location,.provider-location{display:flex;align-items:center;gap:4px;font-size:11px;color:#bcbec0b3;margin:2px 0 0}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px}.page-indicator{color:var(--color-text-title);font-size:14px;font-weight:500}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-title)}.empty-state p{font-size:16px;margin-bottom:20px;opacity:.7}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.loading-container p{color:var(--color-text-title);font-size:14px;opacity:.7}.spinner{width:40px;height:40px;border:3px solid rgba(198,113,41,.2);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-small{width:16px;height:16px;border:2px solid rgba(198,113,41,.2);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#0006;color:var(--color-text-title);border:1px solid rgba(198,113,41,.3);padding:12px 24px;border-radius:50px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-secondary:hover:not(:disabled){border-color:var(--color-accent);background:#c671291a}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:#c5000033;color:#ff6b6b;border:1px solid rgba(197,0,0,.4);padding:12px 24px;border-radius:50px;font-size:14px;font-weight:400;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-danger:hover{background:#c500004d;box-shadow:0 4px 12px #c500004d}.btn-large{padding:14px 28px;font-size:16px}.product-detail-page,.service-detail-page{padding:20px;font-family:var(--font-primary);color:var(--color-text-title);max-width:1200px;margin:0 auto}.breadcrumb{margin-bottom:24px}.breadcrumb-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-accent);text-decoration:none;font-size:14px;font-weight:500;transition:opacity .2s}.breadcrumb-link:hover{opacity:.7}.product-detail-container,.service-detail-container{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;margin-bottom:40px}.product-gallery,.service-gallery{position:sticky;top:20px;height:fit-content}.main-image-container{position:relative;background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:20px;overflow:hidden;aspect-ratio:4/3;margin-bottom:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.main-image{width:100%;height:100%;object-fit:cover}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000000b3;border:1px solid rgba(198,113,41,.3);color:var(--color-text-title);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-nav:hover{background:#c671294d;border-color:var(--color-accent)}.gallery-nav.prev{left:16px}.gallery-nav.next{right:16px}.image-counter{position:absolute;bottom:16px;right:16px;background:#000c;border:1px solid rgba(198,113,41,.3);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:var(--color-text-title);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.thumbnail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.thumbnail{aspect-ratio:4/3;border-radius:12px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s;opacity:.6}.thumbnail:hover,.thumbnail.active{opacity:1;border-color:var(--color-accent)}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info,.service-info{display:flex;flex-direction:column;gap:24px}.product-header,.service-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.product-title,.service-title{font-size:32px;font-weight:700;color:var(--color-text-title);margin:0;line-height:1.2}.share-btn{background:#0009;border:1px solid rgba(198,113,41,.3);color:var(--color-accent);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0}.share-btn:hover{background:#c6712933;border-color:var(--color-accent)}.product-badges-row,.service-badges-row{display:flex;flex-wrap:wrap;gap:8px}.product-price-section,.service-price-section{background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:8px}.price-label{font-size:13px;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.5px}.price-amount{font-size:36px;font-weight:700;color:var(--color-accent)}.price-note{font-size:12px;color:#bcbec0b3;font-style:italic}.product-actions,.service-actions{display:flex;gap:12px}.buy-now-btn,.contact-btn{flex:1;justify-content:center}.btn-subtext{font-size:11px;opacity:.8;font-weight:400}.product-description,.service-description{background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.product-description h2,.service-description h2{font-size:20px;font-weight:600;color:var(--color-accent);margin:0 0 16px}.description-text{font-size:15px;line-height:1.7;color:var(--color-text-title);margin:0;white-space:pre-wrap}.seller-section,.provider-section{background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.seller-section h2,.provider-section h2{font-size:20px;font-weight:600;color:var(--color-accent);margin:0 0 20px}.seller-card,.provider-card{display:flex;flex-direction:column;gap:20px}.seller-profile,.provider-profile{display:flex;align-items:center;gap:16px}.seller-avatar-large,.provider-avatar-large{width:64px;height:64px;border-radius:50%;background:#c6712933;border:2px solid rgba(198,113,41,.4);object-fit:cover}.seller-avatar-placeholder-large,.provider-avatar-placeholder-large{width:64px;height:64px;border-radius:50%;background:#c6712933;border:2px solid rgba(198,113,41,.4);display:flex;align-items:center;justify-content:center;color:var(--color-accent);font-weight:700;font-size:24px}.seller-details,.provider-details{flex:1}.seller-name,.provider-name{font-size:18px;font-weight:600;color:var(--color-text-title);margin:0 0 8px}.seller-location,.provider-location{display:flex;align-items:center;gap:6px;font-size:14px;color:#bcbec0b3;margin:0}.seller-contact,.provider-contact{display:flex;flex-direction:column;gap:12px}.contact-link{display:flex;align-items:center;gap:10px;color:var(--color-accent);text-decoration:none;font-size:14px;padding:12px;background:#c671291a;border:1px solid rgba(198,113,41,.2);border-radius:10px;transition:all .2s}.contact-link:hover{background:#c6712933;border-color:var(--color-accent)}.profile-page{padding:20px;font-family:var(--font-primary);color:var(--color-text-title);max-width:800px;margin:0 auto}.profile-container{border:1px solid rgba(198,113,41,.2);border-radius:20px;padding:32px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff0d;position:relative}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #1a1a1a inset!important;-webkit-text-fill-color:#e0e0e0!important;transition:background-color 5000s ease-in-out 0s}.profile-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--color-text-title);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.profile-close-btn:hover{background:#ffffff1a;color:var(--color-accent)}.profile-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,113,41,.5),transparent);z-index:2;pointer-events:none}.btn-primary{padding:12px 24px;font-size:14px;font-weight:400;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;color:#c67129;background:#170f04;border-radius:55px;border:.5px solid #C67129;gap:8px}.btn-success{background-color:#4caf50!important;border-color:#4caf50!important;color:#fff!important}.profile-photo-section{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.photo-wrapper{position:relative;margin-bottom:12px}.profile-photo{display:block;width:120px;height:120px;border-radius:50%;object-fit:cover;aspect-ratio:1 / 1;border:3px solid rgba(198,113,41,.4)}.profile-photo-placeholder{width:120px;height:120px;border-radius:50%;background:#c6712933;border:3px solid rgba(198,113,41,.4);display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.photo-upload-btn{position:absolute;bottom:0;right:0;width:40px;height:40px;border-radius:50%;background:var(--color-accent);border:3px solid rgba(0,0,0,.8);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.photo-upload-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #c6712980}.photo-upload-btn:disabled{opacity:.5;cursor:not-allowed}.photo-hint{font-size:12px;color:#bcbec099;margin:0}.profile-form{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400;color:var(--color-accent);letter-spacing:.5px}.form-group label.required-field{color:#ff9f43}.required-badge{background:#ff9f4333;border:1px solid rgba(255,159,67,.4);color:#ff9f43;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700;text-transform:uppercase}.form-group input,.form-group textarea{padding:12px 14px;background:#0006;border:1px solid rgba(198,113,41,.3);border-radius:50px;color:var(--color-text-title);font-size:14px;font-family:var(--font-primary);transition:all .2s}.form-group textarea{border-radius:15px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #c671291a}.form-group input.input-disabled{opacity:.5;cursor:not-allowed;background:#0000004d}.form-group input.input-error{border-color:#ff6b6b}.input-with-button{display:flex;gap:12px;align-items:center}.input-with-button input{flex:1}.field-hint{font-size:12px;color:#bcbec099;margin:4px 0 0}.error-text{font-size:12px;color:#ff6b6b;margin:4px 0 0}.account-actions{display:flex;flex-direction:column;gap:12px;padding-top:24px;border-top:1px solid rgba(198,113,41,.2)}.account-actions h2{font-size:18px;font-weight:600;color:var(--color-accent);margin:0 0 12px}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#000000e6;border:1px solid rgba(198,113,41,.3);border-radius:20px;padding:32px;max-width:500px;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 40px #0009,inset 0 1px #ffffff0d;position:relative}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,113,41,.5),transparent);z-index:2;pointer-events:none}.modal-content h3{font-size:22px;font-weight:600;color:var(--color-text-title);margin:0 0 16px}.modal-content p{color:#bcbec0cc;font-size:14px;line-height:1.6;margin:0 0 20px}.share-url{background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:10px;padding:12px;font-size:13px;color:var(--color-accent);word-break:break-all;font-family:monospace}.modal-input{width:100%;padding:12px 14px;background:#0009;border:1px solid rgba(198,113,41,.3);border-radius:10px;color:var(--color-text-title);font-size:14px;font-family:var(--font-primary);margin-bottom:20px}.modal-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #c671291a}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-content.warning{border-color:#c5000066}.warning-text{color:#ff6b6b!important;font-weight:500}.my-listings-page{padding:20px;font-family:var(--font-primary);color:var(--color-text-title)}.listings-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:1px solid rgba(198,113,41,.2)}.tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;color:#bcbec099;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s}.tab:hover{color:var(--color-text-title)}.tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.listing-item{background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:16px;padding:20px;margin-bottom:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;gap:20px;position:relative;transition:all .3s}.listing-item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,113,41,.5),transparent);z-index:2;pointer-events:none}.listing-item:hover{border-color:var(--color-accent);box-shadow:0 4px 20px #0000004d}.listing-image{width:120px;height:120px;border-radius:12px;object-fit:cover;background:#0006;flex-shrink:0}.listing-info{flex:1;display:flex;flex-direction:column;gap:8px}.listing-title{font-size:18px;font-weight:600;color:var(--color-text-title);margin:0}.listing-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;width:fit-content}.listing-status.pending{background:#ff9f4333;border:1px solid rgba(255,159,67,.4);color:#ff9f43}.listing-status.approved{background:#00a65133;border:1px solid rgba(0,166,81,.4);color:var(--color-status-online)}.listing-status.rejected{background:#c5000033;border:1px solid rgba(197,0,0,.4);color:#ff6b6b}.listing-actions{display:flex;gap:8px;align-items:center}.action-btn{padding:8px;background:#0006;border:1px solid rgba(198,113,41,.3);color:var(--color-accent);border-radius:50px;font-size:13px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.action-btn:hover{background:#c6712933;border-color:var(--color-accent)}.action-btn.delete{color:#ff6b6b;border-color:#c5000066}.action-btn.delete:hover{background:#c5000033;border-color:#ff6b6b}.image-actions{padding-top:10px;display:flex;justify-content:center;align-items:center;gap:10px;width:100%}.add-product-page,.add-service-page{padding:20px;font-family:var(--font-primary);color:var(--color-text-title);max-width:900px;margin:0 auto}.add-product-container,.add-service-container{background:#0009;border:1px solid rgba(198,113,41,.2);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff0d;position:relative}.add-product-container:before,.add-service-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,113,41,.5),transparent);z-index:2;pointer-events:none}.page-container{border:1px solid rgba(198,113,41,.2);border-radius:20px;padding:32px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 30px #0000004d,inset 0 1px #ffffff0d;position:relative}.page-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,113,41,.5),transparent);z-index:2;pointer-events:none}.product-form{display:flex;flex-direction:column;gap:24px;margin-top:24px}.warning-banner{display:flex;align-items:center;gap:12px;background:#ff9f4326;border:1px solid rgba(255,159,67,.4);border-radius:12px;padding:14px 18px;color:#ff9f43;font-size:14px;font-weight:500;margin-bottom:20px}.owner-type-section{background:#c671290d;border:1px solid rgba(198,113,41,.2);border-radius:12px;padding:20px;margin-bottom:24px}.owner-type-section h3{font-size:16px;font-weight:600;color:var(--color-accent);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.owner-type-display{display:flex;align-items:center;justify-content:space-between;gap:16px}.owner-type-label{display:inline-flex;align-items:center;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;background:#00a65126;border:1px solid rgba(0,166,81,.3);color:var(--color-status-online)}.btn-small{padding:8px 16px;font-size:13px}.toggle-group{display:flex;gap:12px;flex-wrap:wrap}.toggle-btn{flex:1;min-width:120px;padding:12px 20px;background:#0006;border:1px solid rgba(198,113,41,.3);border-radius:50px;color:var(--color-text-title);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.toggle-btn:hover:not(:disabled){border-color:var(--color-accent);background:#c671291a}.toggle-btn.active{background:#c6712933;border-color:var(--color-accent);color:var(--color-accent);box-shadow:0 0 0 3px #c671291a}.toggle-btn:disabled{opacity:.4;cursor:not-allowed}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:24px;border-top:1px solid rgba(198,113,41,.2);margin-top:8px}.owner-type-options{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px}.owner-type-option{background:#0009;border:2px solid rgba(198,113,41,.3);border-radius:16px;padding:20px;cursor:pointer;transition:all .3s ease;text-align:left;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.owner-type-option:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,113,41,.5),transparent);z-index:2;pointer-events:none}.owner-type-option:hover{border-color:var(--color-accent);background:#c671291a;transform:translateY(-2px);box-shadow:0 6px 20px #0006}.owner-type-option h4{font-size:18px;font-weight:600;color:var(--color-text-title);margin:0 0 8px}.owner-type-option p{font-size:14px;color:#bcbec0b3;margin:0;line-height:1.5}.profile-header-section{display:flex;align-items:flex-start;gap:20px;padding:24px;background:#0000004d;border-radius:16px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-header-content{flex:1;display:flex;flex-direction:column;gap:8px}.profile-name-large{font-size:20px;font-weight:600;color:var(--color-text-title);margin:0}.profile-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:50px;font-size:13px;font-weight:600;width:fit-content}.profile-status-badge.complete{background:#00a65126;border:1px solid rgba(0,166,81,.3);color:var(--color-status-online)}.profile-status-badge.incomplete{background:#ff9f4326;border:1px solid rgba(255,159,67,.4);color:#ff9f43}.incomplete-profile-warning{margin-top:12px;padding:12px 16px;background:#ff9f431a;border:1px solid rgba(255,159,67,.3);border-radius:10px;font-size:13px;color:#bcbec0e6}.incomplete-profile-warning .missing-fields{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.incomplete-profile-warning .missing-field-badge{padding:3px 8px;background:#ff9f4333;border:1px solid rgba(255,159,67,.4);border-radius:6px;font-size:11px;font-weight:600;color:#ff9f43}.incomplete-profile-warning .complete-profile-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;background:#c6712933;border:1px solid rgba(198,113,41,.4);border-radius:8px;color:var(--color-accent);text-decoration:none;font-size:13px;font-weight:600;transition:all .3s ease;width:fit-content}.incomplete-profile-warning .complete-profile-link:hover{background:#c671294d;transform:translateY(-1px)}.seller-details-section,.product-details-section,.upload-photos-section{background:#0003;border-top:1px solid rgba(198,113,41,.15);margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:20px}.section-title{font-size:18px;font-weight:600;color:var(--color-accent);margin:0 0 20px;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.custom-dropdown{position:relative;width:100%}.dropdown-trigger{padding:12px 14px;background:#0006;border:1px solid rgba(198,113,41,.3);border-radius:50px;color:var(--color-text-title);font-size:14px;font-family:var(--font-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between;text-align:left}.dropdown-trigger:hover{border-color:var(--color-accent)}.dropdown-trigger.open{border-color:var(--color-accent);box-shadow:0 0 0 3px #c671291a}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#000000f2;border:1px solid rgba(198,113,41,.4);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 8px 24px #00000080}.dropdown-item{padding:12px 16px;color:var(--color-text-title);font-size:14px;cursor:pointer;transition:all .2s;border-bottom:1px solid rgba(198,113,41,.1)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#c6712933;color:var(--color-accent)}.dropdown-item.selected{background:#c6712926;color:var(--color-accent);font-weight:600}.currency-price-row{gap:12px;align-items:flex-start}.currency-price-row .form-group{margin-bottom:0}.currency-price-row .form-group:first-child{flex:1;padding-bottom:20px}.currency-price-row .form-group:last-child{flex:0 0 120px}.checkbox-custom{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--color-accent);border-radius:4px;background:transparent;cursor:pointer;position:relative;transition:all .3s ease}.checkbox-custom:checked{background:var(--color-accent);border-color:var(--color-accent)}.checkbox-custom:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.checkbox-custom:hover{box-shadow:0 0 0 3px #c6712933}.photo-grid-limit{width:100%;max-width:100%;overflow:hidden}.photo-grid-limit .image-preview-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px;width:100%;justify-items:center;align-items:center}.photo-grid-limit .image-preview-item{width:min(100%,clamp(140px,22vw,320px));aspect-ratio:1;position:relative}.photo-grid-limit .image-preview-item img{width:100%;height:100%;object-fit:cover;border-radius:12px}.required-asterisk{color:#ff6b6b;margin-left:4px;font-weight:700}.required-badge{display:block;width:100%;padding:10px;background:#c6712926;border:1px solid rgba(198,113,41,.3);border-radius:6px;color:var(--color-accent);font-size:11px;font-weight:600;vertical-align:middle}.upload-action-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media(max-width:600px){.profile-header-section{flex-direction:column;align-items:center;text-align:center}.currency-price-row{flex-direction:column}.currency-price-row .form-group:last-child{flex:1;width:100%}}@media(max-width:1024px){.product-detail-container,.service-detail-container{grid-template-columns:1fr}.product-gallery,.service-gallery{position:static}}@media(max-width:768px){.products-grid,.services-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.thumbnail-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.shop-page,.services-page,.profile-page,.product-detail-page,.service-detail-page{padding:12px}.products-grid,.services-grid{grid-template-columns:1fr}.filter-section{flex-direction:column;align-items:stretch}.results-count{margin-left:0}.product-title,.service-title{font-size:24px}.profile-container,.add-product-container,.add-service-container{padding:20px}.listing-item{flex-direction:column}.listing-image{width:100%;height:200px}}.section-icon{margin-right:8px;color:var(--color-accent)}.round-upload-btn{width:48px;height:48px;border-radius:50%;border:2px solid var(--color-accent);background:transparent;display:flex!important;align-items:center;justify-content:center;margin:10px;cursor:pointer;transition:all .2s ease}.round-upload-btn:hover{background:#c671291a}.round-upload-btn .upload-icon{color:#8b4513!important;width:28px}.image-uploader{justify-items:center}.preview-image-wrapper{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden}.preview-image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}.preview-image-wrapper .cover-badge{position:absolute!important;bottom:0!important;left:0!important;width:100%!important;background:#0009!important;color:#fff!important;font-size:11px!important;font-weight:700!important;text-align:center!important;padding:4px 0!important;text-transform:uppercase!important;border-bottom-left-radius:12px!important;border-bottom-right-radius:12px!important;pointer-events:none!important;z-index:10!important;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);margin:0!important;box-sizing:border-box!important;line-height:normal!important;letter-spacing:.5px}.photo-grid-limit .image-preview-item{position:relative!important}.photo-grid-limit .image-preview-item .cover-badge{position:absolute!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;background:#0009!important;color:#fff!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;text-align:center!important;padding:6px 0!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10!important;border-bottom-left-radius:12px;border-bottom-right-radius:12px;letter-spacing:.5px;pointer-events:none}:root{--primary: #3b82f6;--primary-hover: #2563eb;--bg-dark: #0f172a;--bg-card: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #334155;--danger: #ef4444;--success: #22c55e}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:background-color .2s}.input{width:100%;padding:.75rem;border-radius:.5rem;border:1px solid var(--border);background-color:#0f172a;color:#fff;margin-bottom:1rem}.input:focus{border-color:var(--primary);outline:2px solid rgba(59,130,246,.5)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.text-xl{font-size:1.25rem;font-weight:600}.text-sm{font-size:.875rem}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.navbar{background-color:var(--bg-card);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.status-badge{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.status-active{background-color:#22c55e33;color:var(--success)}.status-offline{background-color:#ef444433;color:var(--danger)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.p-8{padding:2rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.block{display:block}.atom-chart-dot{position:absolute;width:8px;height:8px;background-color:#3b82f6;border:2px solid #1e293b;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #3b82f64d;z-index:10}.atom-spinner-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.atom-spinner{position:relative;width:30px;height:30px;display:flex;justify-content:center;align-items:center}.atom-spinner span{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(calc(18deg * var(--i)))}.atom-spinner span:before{content:"";position:absolute;top:0;left:0;width:3px;height:6px;border-radius:2px;background:#c67129;box-shadow:0 0 5px #c67129,0 0 10px #c67129;opacity:0;animation:atom-fade 1s linear infinite;animation-delay:calc(.05s * var(--i))}@keyframes atom-fade{0%{opacity:1}80%,to{opacity:0}}.atom-info-alert{margin-top:12px;padding:10px 12px;background:#c671291a;border:1px solid rgba(198,113,41,.3);border-radius:6px;color:#c67129;font-size:12px;line-height:1.5;display:flex;align-items:flex-start;gap:8px}.atom-info-alert-icon{flex-shrink:0;font-size:14px}.atom-capacity-preview{margin-top:12px;padding:8px;background:#00a6511a;border:1px solid rgba(0,166,81,.3);border-radius:6px;color:#00a651;font-size:12px;text-align:center;font-weight:500}.clickable-icon{cursor:pointer;transition:filter .2s ease}.clickable-icon:hover{filter:blur(1.5px)}.atom-icon-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#ffffff08;border:2px dashed rgba(255,255,255,.25);border-radius:12px;color:#fff6;font-size:13px;font-weight:500;text-align:center;cursor:pointer;transition:filter .2s ease;-webkit-user-select:none;user-select:none}.atom-icon-placeholder:hover{filter:blur(1.5px)}
