@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg:#070b13;--surface:#fffffff0;--surface-2:#ffffffe0;--surface-3:#ffffffeb;--surface-hover:#fffffffa;--text:#475569;--text-h:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--border-focus:#0284c7;--accent:#f59e0b;--accent-dark:#d97706;--accent-light:#fef3c7;--accent-bg:#f59e0b14;--accent-border:#f59e0b59;--sky:#0284c7;--sky-light:#0284c71a;--green:#059669;--green-light:#10b9811f;--red:#dc2626;--red-light:#ef44441f;--blue:#0284c7;--blue-light:#0284c71f;--teal:#0d9488;--teal-light:#0d94881f;--orange:#ea580c;--orange-light:#ea580c1f;--purple:#7c3aed;--purple-light:#7c3aed1f;--shadow-xs:0 1px 3px #00000014;--shadow-sm:0 4px 12px -2px #0000001f, 0 2px 6px -1px #0000000f;--shadow:0 10px 25px -4px #0000002e, 0 4px 10px -2px #00000014;--shadow-lg:0 18px 40px -4px #00000038, 0 6px 16px -2px #0000001f;--shadow-accent:0 8px 24px #f59e0b40;--sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:9999px;--t-fast:.12s ease;--t-normal:.2s ease;--t-slow:.26s ease;--header-bg:#0b1120d1;--dashboard-bg-mid:#0b1120;--dashboard-grid:#38bdf812;--dashboard-trace:#fbbf240f;--dashboard-scan:#fbbf2414;--bg-solar-aura-1:#fbbf2424;--bg-solar-aura-2:#38bdf81f;--bg-solar-aura-3:#10b98114;--bg-grid-line:#38bdf812;--bg-grid-glow:#fbbf241f;--bg-scan-beam:#fbbf242e;--bg-particle-1:#fbbf24bf;--bg-particle-2:#38bdf8b3;--bg-particle-line:#38bdf829;--accent-glow:#10b981;--sld-canvas-bg:#fff}.dark-theme{--bg:#070b13;--surface:#0d1527f0;--surface-2:#14213de6;--surface-3:#1e2f52e6;--text:#94a3b8;--text-h:#f1f5f9;--text-muted:#64748b;--border:#1b294a;--border-focus:#4f46e5;--accent:#fbbf24;--accent-dark:#f59e0b;--accent-light:#2c1a04;--accent-bg:#fbbf240d;--accent-border:#fbbf2440;--green:#10b981;--green-light:#10b9811f;--red:#ef4444;--red-light:#ef44441f;--blue:#3b82f6;--blue-light:#3b82f61f;--teal:#14b8a6;--teal-light:#14b8a61f;--orange:#f97316;--orange-light:#f973161f;--purple:#a855f7;--purple-light:#a855f71f;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 8px #00000080;--shadow:0 4px 16px #0009;--shadow-lg:0 12px 32px #000000b3;--header-bg:#0d1527f2;--dashboard-bg-mid:#0c1422;--dashboard-grid:#38bdf812;--dashboard-trace:#fbbf240f;--dashboard-scan:#fbbf2414;--bg-solar-aura-1:#fbbf2424;--bg-solar-aura-2:#38bdf81f;--bg-solar-aura-3:#10b98114;--bg-grid-line:#38bdf812;--bg-grid-glow:#fbbf241f;--bg-scan-beam:#fbbf242e;--bg-particle-1:#fbbf24bf;--bg-particle-2:#38bdf8b3;--bg-particle-line:#38bdf829;--accent-glow:#10b981;--sld-canvas-bg:#061325}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes routeSmoothEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.route-transition{will-change:opacity, transform;width:100%;animation:.22s cubic-bezier(.16,1,.3,1) both routeSmoothEnter}@media (prefers-reduced-motion:reduce){.route-transition{will-change:auto;animation:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-block{background:linear-gradient(90deg,#0000000f 25%,#0000001f 50%,#0000000f 75%) 0 0/600px 100%;border-radius:6px;animation:1.4s ease-in-out infinite shimmer}.skeleton-stripe{background:linear-gradient(90deg,#00000014 25%,#00000029 50%,#00000014 75%) 0 0/600px 100%;animation:1.4s ease-in-out infinite shimmer}.plant-row-card--skeleton{pointer-events:none;opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto;-webkit-overflow-scrolling:touch;scroll-padding-top:80px}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.6;overflow-x:clip}#root{text-align:left;flex-direction:column;width:100%;max-width:100%;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--sans);color:var(--text-h);margin:0;font-weight:700;line-height:1.25}h1{letter-spacing:-.5px;font-size:2rem}h2{letter-spacing:-.3px;font-size:1.25rem}h3{font-size:1.05rem}h4{font-size:.9rem;font-weight:600}p{margin:0}a{color:var(--accent-dark);text-decoration:none}code{font-family:var(--mono);background:var(--surface-2);border-radius:var(--r-sm);color:var(--purple);padding:2px 6px;font-size:.85em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.notification-bell-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-bell-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--r-full);width:38px;height:38px;transition:all var(--t-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.notification-bell-btn:hover{background:var(--surface-2);color:var(--text-h)}.notification-badge{background-color:var(--red,#ef4444);color:#fff;border:none;border-radius:9999px;padding:2px 6px;font-size:10px;font-weight:750;line-height:1;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 8px #ef444473}.notification-dropdown{border-radius:var(--r-lg);z-index:100;background:#fff;border:1px solid #cbd5e1;width:380px;max-width:92vw;animation:.15s fadeIn;position:absolute;top:calc(100% + 10px);right:-10px;overflow:hidden;box-shadow:0 16px 40px #00000038,0 4px 12px #00000014;-webkit-backdrop-filter:none!important}.notification-dropdown-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-header-title-wrap{align-items:center;gap:8px;display:flex}.notification-dropdown-header h3{color:var(--text-h);margin:0;font-size:.95rem;font-weight:700}.notification-header-count{background:var(--red-light);color:var(--red);border-radius:var(--r-full);padding:2px 7px;font-size:.72rem;font-weight:700}.notification-dropdown-body{background:#fff;flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.notification-empty{text-align:center;color:var(--text-muted);background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.notification-empty svg{opacity:.35;stroke:var(--text-muted);margin-bottom:12px}.notification-empty p{color:var(--text-h);margin-bottom:4px;font-weight:600}.notification-empty span{font-size:.82rem}.notification-item{transition:all var(--t-fast);color:inherit;background:#fff;border-bottom:1px solid #f1f5f9;border-left:3px solid #0000;align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.notification-item-link{cursor:pointer}.notification-item:hover{background:#f8fafc}.dark-theme .notification-dropdown{-webkit-backdrop-filter:none!important;background:#0f172a!important;border:1px solid #334155!important;box-shadow:0 20px 50px #000000d9,0 6px 16px #00000080!important}.dark-theme .notification-dropdown-header{background:#1e293b!important;border-bottom:1px solid #334155!important}.dark-theme .notification-dropdown-header h3{color:#f8fafc!important}.dark-theme .notification-dropdown-body{background:#0f172a!important}.dark-theme .notification-empty{color:#94a3b8!important;background:#0f172a!important}.dark-theme .notification-empty p{color:#f8fafc!important}.dark-theme .notification-empty span{color:#94a3b8!important}.dark-theme .notification-item{color:#f8fafc!important;background:#0f172a!important;border-bottom:1px solid #1e293b!important}.dark-theme .notification-item:hover{background:#1e293b!important}.dark-theme .notification-message{color:#f1f5f9!important}.dark-theme .notification-device-tag{color:#94a3b8!important;background:#1e293b!important;border:1px solid #334155!important}.dark-theme .notification-time{color:#94a3b8!important}.notification-item.severity-critical{border-left-color:var(--red)}.notification-item.severity-warning,.notification-item.severity-high{border-left-color:var(--orange)}.notification-item:last-child{border-bottom:none}.notification-item-icon{border-radius:var(--r-full);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:flex}.severity-critical .notification-item-icon{background:var(--red-light);color:var(--red)}.severity-warning .notification-item-icon,.severity-high .notification-item-icon{background:var(--orange-light);color:var(--orange)}.notification-item-content{flex:1;min-width:0}.notification-plant-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:5px;display:flex}.notification-plant-badge{color:var(--primary);border-radius:var(--r-sm);white-space:nowrap;text-overflow:ellipsis;background:#1e90ff14;max-width:190px;padding:2px 6px;font-size:.78rem;font-weight:600;overflow:hidden}.notification-severity-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.notification-severity-badge.severity-critical{background:var(--red-light);color:var(--red)}.notification-severity-badge.severity-warning,.notification-severity-badge.severity-high{background:var(--orange-light);color:var(--orange)}.notification-message{color:var(--text-h);word-break:break-word;margin:0 0 6px;font-size:.84rem;font-weight:500;line-height:1.35}.notification-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-device-tag{color:var(--text-muted);background:var(--surface-2);border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.7rem;font-weight:600}.notification-time{color:var(--text-muted);font-size:.72rem}.notification-arrow{color:var(--text-muted);transition:transform var(--t-fast), color var(--t-fast);flex-shrink:0;align-items:center;padding-top:6px;display:flex}.notification-item-link:hover .notification-arrow{color:var(--primary);transform:translate(3px)}.route-transition{will-change:opacity, transform;animation:.22s cubic-bezier(.16,1,.3,1) both routeFadeIn}@keyframes routeFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.route-transition{will-change:auto;animation:none}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--edv-overlay-bg:#0f172a7a;--edv-dialog-bg:#fffffffa;--edv-dialog-border:#e2e8f0f2;--edv-dialog-shadow:0 25px 60px -15px #0f172a40, 0 10px 25px -5px #0f172a1f, inset 0 1px 0 #ffffffe6;--edv-bar-bg:#f8fafc;--edv-bar-border:#e2e8f0;--edv-bar-shadow:0 2px 8px #0f172a0a;--edv-pill-bg:#fff;--edv-pill-border:#cbd5e1;--edv-pill-text:#475569;--edv-pill-hover-bg:#f1f5f9;--edv-pill-hover-border:#94a3b8;--edv-pill-hover-text:#0f172a;--edv-pill-active-bg:linear-gradient(135deg, #0284c724, #0ea5e90f);--edv-pill-active-border:#0284c7;--edv-pill-active-text:#0284c7;--edv-pill-active-shadow:0 2px 10px #0284c733;--edv-close-btn-bg:#ef444414;--edv-close-btn-border:#ef444440;--edv-close-btn-text:#dc2626;--edv-close-btn-hover-bg:#dc2626;--edv-close-btn-hover-text:#fff;--edv-surface-bg:#fff;--edv-surface-border:#e2e8f0;--edv-surface-shadow:0 4px 18px #0f172a0d;--edv-border-divider:#e2e8f0;--edv-title-text:#0f172a;--edv-subtitle-text:#64748b;--edv-key-bg:#f1f5f9;--edv-key-border:#e2e8f0;--edv-key-text:#0284c7;--edv-ind-label:#64748b;--edv-ind-ok-bg:#ecfdf5;--edv-ind-ok-border:#a7f3d0;--edv-ind-ok-text:#059669;--edv-ind-warn-bg:#fffbeb;--edv-ind-warn-border:#fde68a;--edv-ind-warn-text:#d97706;--edv-ind-err-bg:#fef2f2;--edv-ind-err-border:#fecaca;--edv-ind-err-text:#dc2626;--edv-ind-info-bg:#f0f9ff;--edv-ind-info-border:#bae6fd;--edv-ind-info-text:#0284c7;--edv-ind-ts-bg:#f8fafc;--edv-ind-ts-border:#e2e8f0;--edv-ind-ts-text:#475569;--edv-subtab-text:#64748b;--edv-subtab-hover:#0f172a;--edv-subtab-active:#0284c7;--edv-subtab-active-border:#0284c7;--edv-subtab-glow:none;--edv-section-bg:#f8fafc;--edv-section-border:#e2e8f0;--edv-section-header:#475569;--edv-cell-bg:#fff;--edv-cell-border:#e2e8f0;--edv-cell-shadow:0 1px 3px #0f172a0a;--edv-cell-hover-border:#cbd5e1;--edv-cell-highlight-bg:linear-gradient(135deg, #0284c714, #fff);--edv-cell-highlight-border:#0284c759;--edv-label-text:#64748b;--edv-val-num:#0f172a;--edv-cyan:#0284c7;--edv-amber:#d97706;--edv-green:#059669;--edv-red:#dc2626;--edv-muted:#64748b;--edv-badge-green-bg:#ecfdf5;--edv-badge-green-border:#a7f3d0;--edv-badge-green-text:#059669;--edv-badge-cyan-bg:#f0f9ff;--edv-badge-cyan-border:#bae6fd;--edv-badge-cyan-text:#0284c7;--edv-badge-amber-bg:#fffbeb;--edv-badge-amber-border:#fde68a;--edv-badge-amber-text:#d97706;--edv-badge-red-bg:#fef2f2;--edv-badge-red-border:#fecaca;--edv-badge-red-text:#dc2626;--edv-badge-gray-bg:#f1f5f9;--edv-badge-gray-border:#cbd5e1;--edv-badge-gray-text:#475569;--edv-input-bg:#fff;--edv-input-border:#cbd5e1;--edv-input-text:#0f172a;--edv-input-focus-border:#0284c7;--edv-input-focus-glow:0 0 0 3px #0284c726;--edv-table-wrap-bg:#fff;--edv-table-wrap-border:#e2e8f0;--edv-th-bg:#f8fafc;--edv-th-text:#475569;--edv-th-border:#0284c7;--edv-td-border:#f1f5f9;--edv-td-text:#1e293b;--edv-tr-hover:#0284c70a;--edv-alarm-bg:#fff;--edv-alarm-border:#fecaca;--edv-alarm-code:#991b1b;--edv-alarm-time:#64748b;--edv-alarm-msg:#334155;--edv-empty-bg:#f0fdf4;--edv-empty-border:#bbf7d0;--edv-empty-text:#166534;--edv-empty-icon:#10b981}[data-theme=dark],.dark-theme{--edv-overlay-bg:#030712d1;--edv-dialog-bg:#0b1326f2;--edv-dialog-border:#38bdf840;--edv-dialog-shadow:0 25px 70px #000000b3, 0 0 35px #38bdf82e, inset 0 1px 0 #ffffff14;--edv-bar-bg:#0b1426bf;--edv-bar-border:#38bdf833;--edv-bar-shadow:0 4px 20px #0006;--edv-pill-bg:#0f172a99;--edv-pill-border:#94a3b840;--edv-pill-text:#94a3b8;--edv-pill-hover-bg:#38bdf81f;--edv-pill-hover-border:#38bdf866;--edv-pill-hover-text:#38bdf8;--edv-pill-active-bg:linear-gradient(135deg, #0284c740, #0ea5e926);--edv-pill-active-border:#0284c7;--edv-pill-active-text:#38bdf8;--edv-pill-active-shadow:0 0 14px #0284c740;--edv-close-btn-bg:#ef444426;--edv-close-btn-border:#ef444466;--edv-close-btn-text:#f87171;--edv-close-btn-hover-bg:#ef4444;--edv-close-btn-hover-text:#fff;--edv-surface-bg:#0a1224e0;--edv-surface-border:#38bdf82e;--edv-surface-shadow:0 8px 32px #00000080;--edv-border-divider:#94a3b826;--edv-title-text:#f8fafc;--edv-subtitle-text:#94a3b8;--edv-key-bg:#38bdf81a;--edv-key-border:#38bdf840;--edv-key-text:#38bdf8;--edv-ind-label:#94a3b8;--edv-ind-ok-bg:#10b9811f;--edv-ind-ok-border:#10b98159;--edv-ind-ok-text:#10b981;--edv-ind-warn-bg:#f59e0b1f;--edv-ind-warn-border:#f59e0b59;--edv-ind-warn-text:#f59e0b;--edv-ind-err-bg:#ef44441f;--edv-ind-err-border:#ef444459;--edv-ind-err-text:#ef4444;--edv-ind-info-bg:#38bdf814;--edv-ind-info-border:#38bdf833;--edv-ind-info-text:#38bdf8;--edv-ind-ts-bg:#94a3b814;--edv-ind-ts-border:#94a3b833;--edv-ind-ts-text:#cbd5e1;--edv-subtab-text:#94a3b8;--edv-subtab-hover:#e2e8f0;--edv-subtab-active:#38bdf8;--edv-subtab-active-border:#38bdf8;--edv-subtab-glow:0 0 10px #38bdf866;--edv-section-bg:#0f172a80;--edv-section-border:#94a3b824;--edv-section-header:#94a3b8;--edv-cell-bg:#0b142699;--edv-cell-border:#38bdf81f;--edv-cell-shadow:none;--edv-cell-hover-border:#38bdf84d;--edv-cell-highlight-bg:linear-gradient(135deg, #0284c726, #0f172a99);--edv-cell-highlight-border:#38bdf859;--edv-label-text:#94a3b8;--edv-val-num:#f8fafc;--edv-cyan:#38bdf8;--edv-amber:#fbbf24;--edv-green:#10b981;--edv-red:#ef4444;--edv-muted:#64748b;--edv-badge-green-bg:#10b98126;--edv-badge-green-border:#10b98166;--edv-badge-green-text:#10b981;--edv-badge-cyan-bg:#38bdf826;--edv-badge-cyan-border:#38bdf866;--edv-badge-cyan-text:#38bdf8;--edv-badge-amber-bg:#f59e0b26;--edv-badge-amber-border:#f59e0b66;--edv-badge-amber-text:#fbbf24;--edv-badge-red-bg:#ef444426;--edv-badge-red-border:#ef444466;--edv-badge-red-text:#ef4444;--edv-badge-gray-bg:#94a3b826;--edv-badge-gray-border:#94a3b84d;--edv-badge-gray-text:#94a3b8;--edv-input-bg:#0f172ab3;--edv-input-border:#38bdf840;--edv-input-text:#f8fafc;--edv-input-focus-border:#38bdf8;--edv-input-focus-glow:0 0 10px #38bdf840;--edv-table-wrap-bg:#0b1426b3;--edv-table-wrap-border:#94a3b826;--edv-th-bg:#0f172af2;--edv-th-text:#94a3b8;--edv-th-border:#38bdf840;--edv-td-border:#94a3b814;--edv-td-text:#cbd5e1;--edv-tr-hover:#38bdf80f;--edv-alarm-bg:#0f172ab3;--edv-alarm-border:#ef444440;--edv-alarm-code:#f8fafc;--edv-alarm-time:#94a3b8;--edv-alarm-msg:#cbd5e1;--edv-empty-bg:#10b9810f;--edv-empty-border:#10b98133;--edv-empty-text:#a7f3d0;--edv-empty-icon:#10b981}.equipment-modal-overlay{background:var(--edv-overlay-bg);-webkit-backdrop-filter:blur(12px);z-index:100050;box-sizing:border-box;justify-content:center;align-items:center;padding:24px 20px;display:flex;position:fixed;inset:0}.equipment-modal-dialog{background:var(--edv-dialog-bg);border:1px solid var(--edv-dialog-border);width:100%;max-width:1120px;max-height:88vh;box-shadow:var(--edv-dialog-shadow);box-sizing:border-box;border-radius:18px;padding:16px;animation:.25s cubic-bezier(.16,1,.3,1) edvModalFadeIn;overflow-y:auto}.equipment-modal-dialog::-webkit-scrollbar{width:6px;height:6px}.scada-registers-table-wrap::-webkit-scrollbar{width:6px;height:6px}.scada-harmonics-table-wrap::-webkit-scrollbar{width:6px;height:6px}.equipment-modal-dialog::-webkit-scrollbar-track{background:0 0}.scada-registers-table-wrap::-webkit-scrollbar-track{background:0 0}.scada-harmonics-table-wrap::-webkit-scrollbar-track{background:0 0}.equipment-modal-dialog::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.scada-registers-table-wrap::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.scada-harmonics-table-wrap::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.equipment-modal-dialog::-webkit-scrollbar-thumb:hover{background:#94a3b880}.scada-registers-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b880}.scada-harmonics-table-wrap::-webkit-scrollbar-thumb:hover{background:#94a3b880}@keyframes edvModalFadeIn{0%{opacity:0;transform:scale(.97)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.equipment-scada-modal-body{margin:0}.equipment-scada-console{flex-direction:column;gap:14px;width:100%;display:flex}.equipment-scada-empty{text-align:center;color:var(--edv-muted);padding:36px 24px;font-size:14px}.equipment-selector-bar{background:var(--edv-bar-bg);border:1px solid var(--edv-bar-border);box-shadow:var(--edv-bar-shadow);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex;overflow-x:auto}.equipment-device-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.equipment-pill-btn{background:var(--edv-pill-bg);border:1px solid var(--edv-pill-border);color:var(--edv-pill-text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:7px 13px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.equipment-pill-btn:hover{background:var(--edv-pill-hover-bg);border-color:var(--edv-pill-hover-border);color:var(--edv-pill-hover-text)}.equipment-pill-btn--active{background:var(--edv-pill-active-bg);border-color:var(--edv-pill-active-border);color:var(--edv-pill-active-text);box-shadow:var(--edv-pill-active-shadow);font-weight:700}.equipment-pill-icon{font-size:14px}.equipment-pill-label{letter-spacing:.2px}.equipment-pill-dot{border-radius:50%;width:7px;height:7px}.equipment-pill-badge{color:#fff;background:#ef4444;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700}.equipment-modal-close-btn{background:var(--edv-close-btn-bg);border:1px solid var(--edv-close-btn-border);color:var(--edv-close-btn-text);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;font-size:15px;transition:all .15s;display:flex}.equipment-modal-close-btn:hover{background:var(--edv-close-btn-hover-bg);border-color:var(--edv-close-btn-hover-bg);color:var(--edv-close-btn-hover-text);box-shadow:0 2px 8px #dc262640}.equipment-surface{background:var(--edv-surface-bg);border:1px solid var(--edv-surface-border);box-shadow:var(--edv-surface-shadow);border-radius:14px;flex-direction:column;gap:16px;padding:18px;transition:all .2s;display:flex}.equipment-header-hud{border-bottom:1px solid var(--edv-border-divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;display:flex}.equipment-title-box{flex-direction:column;gap:4px;display:flex}.equipment-hud-title{color:var(--edv-title-text);letter-spacing:.3px;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.equipment-hud-model{color:var(--edv-subtitle-text);font-size:12px;font-weight:500}.equipment-hud-key{color:var(--edv-subtitle-text);font-size:11px}.equipment-hud-key code{font-family:var(--mono);color:var(--edv-key-text);background:var(--edv-key-bg);border:1px solid var(--edv-key-border);border-radius:4px;padding:2px 6px;font-size:11px}.equipment-hud-indicators{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scada-indicator-box{font-size:11px;font-family:var(--mono);letter-spacing:.4px;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-weight:600;transition:all .15s;display:inline-flex}.scada-ind-label{color:var(--edv-ind-label)}.scada-ind-val{font-weight:700}.scada-ind-ok{background:var(--edv-ind-ok-bg);border:1px solid var(--edv-ind-ok-border);color:var(--edv-ind-ok-text)}.scada-ind-warn{background:var(--edv-ind-warn-bg);border:1px solid var(--edv-ind-warn-border);color:var(--edv-ind-warn-text)}.scada-ind-err{background:var(--edv-ind-err-bg);border:1px solid var(--edv-ind-err-border);color:var(--edv-ind-err-text)}.scada-ind-info{background:var(--edv-ind-info-bg);border:1px solid var(--edv-ind-info-border);color:var(--edv-ind-info-text)}.scada-ind-ts{background:var(--edv-ind-ts-bg);border:1px solid var(--edv-ind-ts-border);color:var(--edv-ind-ts-text)}.equipment-subtabs-bar{border-bottom:1.5px solid var(--edv-border-divider);align-items:center;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.scada-subtab{color:var(--edv-subtab-text);letter-spacing:.6px;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-size:12px;font-weight:700;transition:all .15s}.scada-subtab:hover{color:var(--edv-subtab-hover)}.scada-subtab--active{color:var(--edv-subtab-active);border-bottom-color:var(--edv-subtab-active-border);text-shadow:var(--edv-subtab-glow)}.scada-content-sections{flex-direction:column;gap:14px;display:flex}.scada-section-block{background:var(--edv-section-bg);border:1px solid var(--edv-section-border);border-radius:10px;padding:14px;transition:all .2s}.scada-section-header{letter-spacing:1px;color:var(--edv-section-header);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.scada-section-header:after{content:"";background:var(--edv-border-divider);flex:1;height:1px}.scada-grid-4col{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.scada-grid-3col{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=900px){.scada-grid-4col,.scada-grid-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.scada-grid-4col,.scada-grid-3col{grid-template-columns:1fr}}.scada-val-cell{background:var(--edv-cell-bg);border:1px solid var(--edv-cell-border);box-shadow:var(--edv-cell-shadow);border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;transition:all .15s;display:flex}.scada-val-cell:hover{border-color:var(--edv-cell-hover-border)}.scada-span-3{grid-column:span 3}@media (width<=900px){.scada-span-3{grid-column:span 2}}@media (width<=550px){.scada-span-3{grid-column:span 1}}.scada-val-label{color:var(--edv-label-text);letter-spacing:.2px;font-size:11px;font-weight:500}.scada-val-num{font-family:var(--mono);letter-spacing:.3px;color:var(--edv-val-num);font-size:15px;font-weight:700}.scada-val-lg{font-size:20px}.scada-val-cell--highlight{background:var(--edv-cell-highlight-bg);border-color:var(--edv-cell-highlight-border)}.scada-section-row-split{gap:12px;display:flex}.scada-flex-3{flex:3}.scada-flex-1{flex:1}@media (width<=768px){.scada-section-row-split{flex-direction:column}}.text-cyan{color:var(--edv-cyan)}.text-amber{color:var(--edv-amber)}.text-green{color:var(--edv-green)}.text-red{color:var(--edv-red)}.text-muted{color:var(--edv-muted)}.scada-badge{letter-spacing:.4px;font-size:11px;font-weight:700;font-family:var(--mono);border-radius:4px;padding:3px 8px;display:inline-block}.badge-green{background:var(--edv-badge-green-bg);color:var(--edv-badge-green-text);border:1px solid var(--edv-badge-green-border)}.badge-cyan{background:var(--edv-badge-cyan-bg);color:var(--edv-badge-cyan-text);border:1px solid var(--edv-badge-cyan-border)}.badge-amber{background:var(--edv-badge-amber-bg);color:var(--edv-badge-amber-text);border:1px solid var(--edv-badge-amber-border)}.badge-red{background:var(--edv-badge-red-bg);color:var(--edv-badge-red-text);border:1px solid var(--edv-badge-red-border)}.badge-gray{background:var(--edv-badge-gray-bg);color:var(--edv-badge-gray-text);border:1px solid var(--edv-badge-gray-border)}.scada-registers-view{flex-direction:column;gap:14px;display:flex}.scada-registers-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.scada-filter-input-wrap{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.scada-search-icon{color:var(--edv-muted);pointer-events:none;font-size:13px;position:absolute;left:12px}.scada-filter-input{background:var(--edv-input-bg);border:1px solid var(--edv-input-border);width:100%;color:var(--edv-input-text);border-radius:8px;outline:none;padding:9px 36px 9px 34px;font-size:13px;transition:all .2s}.scada-filter-input:focus{border-color:var(--edv-input-focus-border);box-shadow:var(--edv-input-focus-glow)}.scada-filter-clear-btn{width:20px;height:20px;color:var(--edv-muted);cursor:pointer;background:#94a3b833;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:10px;transition:all .15s;display:flex;position:absolute;right:10px}.scada-filter-clear-btn:hover{color:#ef4444;background:#ef444433}.scada-filter-counter{color:var(--edv-muted);white-space:nowrap;font-size:12px}.scada-category-chips-bar{scrollbar-width:thin;align-items:center;gap:8px;padding:2px 2px 6px;display:flex;overflow-x:auto}.scada-category-chips-bar::-webkit-scrollbar{height:4px}.scada-category-chips-bar::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:999px}.scada-cat-chip{background:var(--edv-pill-bg);border:1px solid var(--edv-pill-border);color:var(--edv-pill-text);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.scada-cat-chip:hover{background:var(--edv-pill-hover-bg);border-color:var(--edv-pill-hover-border);color:var(--edv-pill-hover-text)}.scada-cat-chip--active{box-shadow:var(--edv-pill-active-shadow);background:var(--edv-pill-active-bg)!important;border-color:var(--edv-pill-active-border)!important;color:var(--edv-pill-active-text)!important}.scada-chip-icon{font-size:13px}.scada-chip-label{letter-spacing:.2px}.scada-chip-badge{color:inherit;background:#94a3b826;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.scada-cat-chip--active .scada-chip-badge{background:var(--edv-cyan);color:#fff}.scada-registers-groups{flex-direction:column;gap:16px;display:flex}.scada-register-section{border:1px solid var(--edv-section-border);background:var(--edv-section-bg);border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #0f172a08}.scada-register-section-header{background:var(--edv-bar-bg);border-bottom:1px solid var(--edv-section-border);justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;display:flex}.scada-section-title-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scada-section-icon{align-items:center;font-size:15px;display:flex}.scada-section-heading{letter-spacing:.5px;color:var(--edv-title-text);margin:0;font-size:12px;font-weight:700}.scada-section-subtext{color:var(--edv-subtitle-text);font-size:11px;font-weight:400}.scada-section-count-badge{background:var(--edv-key-bg);color:var(--edv-key-text);border:1px solid var(--edv-key-border);white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.scada-registers-table-wrap,.scada-harmonics-table-wrap{background:var(--edv-table-wrap-bg);border:none;max-height:480px;overflow-y:auto}.scada-registers-table{border-collapse:collapse;width:100%;font-size:12px}.scada-registers-table th{background:var(--edv-th-bg);color:var(--edv-th-text);text-align:left;border-bottom:2px solid var(--edv-th-border);z-index:2;letter-spacing:.4px;text-transform:uppercase;padding:9px 14px;font-size:11px;font-weight:700;position:sticky;top:0}.scada-registers-table td{border-bottom:1px solid var(--edv-td-border);color:var(--edv-td-text);vertical-align:middle;padding:9px 14px}.scada-registers-table tr:hover{background:var(--edv-tr-hover)}.scada-registers-table tr:last-child td{border-bottom:none}.scada-tag-name-cell{padding:8px 14px}.scada-tag-info{flex-direction:column;gap:3px;display:flex}.scada-tag-friendly-label{color:var(--edv-title-text);letter-spacing:.1px;font-size:13px;font-weight:600}.scada-tag-code-key{font-family:var(--mono);color:var(--edv-cyan);background:#0284c712;border:1px solid #0284c72e;border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:11px}.scada-val-compound{font-family:var(--mono);align-items:center;gap:6px;display:inline-flex}.scada-val-secondary{color:var(--edv-muted);font-size:11px}.scada-unit-badge{color:var(--edv-cyan);letter-spacing:.3px;background:#0284c71a;border:1px solid #0284c733;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700}.scada-text-val{color:var(--edv-val-num);font-size:12px}.scada-quality-pill{letter-spacing:.3px;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.quality-good{background:var(--edv-badge-green-bg);color:var(--edv-badge-green-text);border:1px solid var(--edv-badge-green-border)}.quality-bad{background:var(--edv-badge-red-bg);color:var(--edv-badge-red-text);border:1px solid var(--edv-badge-red-border)}.scada-bool-pill{letter-spacing:.3px;font-size:11px;font-weight:700;font-family:var(--mono);border-radius:5px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.scada-bool-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.bool-true{background:var(--edv-badge-green-bg);color:var(--edv-badge-green-text);border:1px solid var(--edv-badge-green-border)}.bool-false{background:var(--edv-badge-gray-bg);color:var(--edv-badge-gray-text);border:1px solid var(--edv-badge-gray-border)}.bool-alarm{background:var(--edv-badge-red-bg);color:var(--edv-badge-red-text);border:1px solid var(--edv-badge-red-border)}.bool-healthy{background:var(--edv-badge-green-bg);color:var(--edv-badge-green-text);border:1px solid var(--edv-badge-green-border)}.bool-warn{background:var(--edv-badge-amber-bg);color:var(--edv-badge-amber-text);border:1px solid var(--edv-badge-amber-border)}.bool-cyan{background:var(--edv-badge-cyan-bg);color:var(--edv-badge-cyan-text);border:1px solid var(--edv-badge-cyan-border)}.scada-type-col{color:var(--edv-muted);font-size:11px;font-family:var(--mono)}.scada-registers-empty{background:var(--edv-section-bg);border:1px dashed var(--edv-section-border);text-align:left;border-radius:12px;align-items:center;gap:16px;padding:32px 24px;display:flex}.scada-empty-text-wrap h4{color:var(--edv-title-text);margin:0 0 4px;font-size:14px}.scada-empty-text-wrap p{color:var(--edv-subtitle-text);margin:0;font-size:12px}.scada-alarms-list{flex-direction:column;gap:8px;display:flex}.scada-alarm-item{background:var(--edv-alarm-bg);border:1px solid var(--edv-alarm-border);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.scada-alarm-header{align-items:center;gap:10px;display:flex}.scada-alarm-code{font-family:var(--mono);color:var(--edv-alarm-code);font-size:13px}.scada-alarm-time{color:var(--edv-alarm-time);margin-left:auto;font-size:11px}.scada-alarm-msg{color:var(--edv-alarm-msg);margin:0;font-size:13px;line-height:1.4}.scada-empty-state{background:var(--edv-empty-bg);border:1px solid var(--edv-empty-border);border-radius:8px;align-items:center;gap:14px;padding:24px;display:flex}.scada-empty-icon{background:var(--edv-empty-icon);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;display:flex}.scada-empty-state p{color:var(--edv-empty-text);margin:0;font-size:13px}.solar-bg-root{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden;transform:translateZ(0);background:0 0!important}.solar-bg-scada-backdrop{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.solar-bg-scada-img{object-fit:cover;object-position:center;filter:brightness(.85)contrast(1.05);width:100%;height:100%;transform:translateZ(0)}.solar-bg-scada-overlay{background:radial-gradient(circle at 50% 25%,#0b112059 0%,#080d1a94 55%,#060a14c7 100%);position:absolute;inset:0;transform:translateZ(0)}.solar-bg-root:before,.solar-bg-sunrays,.solar-bg-canvas{display:none!important}.hf-split-login-page{background:#fff;width:100%;height:100vh;max-height:100vh;font-family:Lato,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:hidden}.hf-split-photo-side{box-sizing:border-box;background-image:url(/login_background.jpg);background-position:50% 38%;background-repeat:no-repeat;background-size:cover;flex-direction:column;flex:0 0 60%;justify-content:space-between;width:60%;min-height:100vh;padding:36px 42px;display:flex;position:relative;overflow:hidden}.hf-split-photo-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0f172a66 0%,#0f172a1a 40%,#0f172a99 100%);position:absolute;inset:0}.hf-split-corner-logo{z-index:10;align-items:center;display:flex;position:relative}.hf-split-form-side{box-sizing:border-box;z-index:10;background:#f8fafc;flex-direction:column;flex:0 0 40%;justify-content:center;align-items:center;width:40%;min-height:100vh;padding:40px 36px;display:flex;position:relative;overflow-y:auto}.hf-split-form-side .hf-login-card{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:440px;margin:auto 0;padding:40px 36px 32px;box-shadow:0 10px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0a,0 1px 3px #0f172a0d;background:#fff!important}.hf-split-form-side .hf-login-card--wide{max-width:580px}.hf-split-form-side .hf-login-card--register{max-width:500px}@media (width<=1080px){.hf-split-photo-side{flex:0 0 50%;width:50%;padding:28px 24px}.hf-split-form-side{flex:0 0 50%;width:50%;padding:32px 28px}}@media (width<=768px){.hf-split-login-page{flex-direction:column}.hf-split-photo-side{flex:none;width:100%;min-height:200px;padding:20px}.hf-split-form-side{flex:none;width:100%;min-height:auto;padding:32px 20px 48px}}.hf-login-page{background-image:url(/login_background.jpg);background-position:50% 38%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;font-family:Lato,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative}.hf-backdrop-overlay{z-index:1;background:linear-gradient(135deg,#080e1cb8 0%,#0f172ac7 100%);position:absolute;inset:0}.hf-corner-page-logo{z-index:20;align-items:center;display:flex;position:absolute;top:24px;left:28px}.hf-corner-logo-img{object-fit:contain;width:auto;height:54px;box-shadow:none;filter:drop-shadow(0 2px 6px #0006);background:0 0;border-radius:0;padding:0;display:block}.hf-login-card{z-index:10;border-radius:12px;width:100%;max-width:440px;padding:36px 32px 28px;transition:all .3s;animation:.5s ease-out both hfCardFadeIn;position:relative;box-shadow:0 20px 45px -10px #00000040,0 0 0 1px #0000000f;background:#fff!important}@keyframes hfCardFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hf-card-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.hf-brand-logo{object-fit:contain;max-width:200px;height:48px;margin-bottom:16px}.hf-login-title{color:#111827;letter-spacing:-.3px;margin:0 0 6px;font-size:22px;font-weight:700}[data-theme=dark] .hf-login-title,.dark-theme .hf-login-title{color:#f9fafb}.hf-login-subtitle{color:#6b7280;margin:0;font-size:13.5px;line-height:1.45}[data-theme=dark] .hf-login-subtitle,.dark-theme .hf-login-subtitle{color:#9ca3af}.hf-form{flex-direction:column;gap:16px;display:flex}.hf-form-group{flex-direction:column;gap:6px;display:flex}.hf-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hf-label{color:#374151;letter-spacing:.1px;font-size:13px;font-weight:600}[data-theme=dark] .hf-label,.dark-theme .hf-label{color:#d1d5db}.hf-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.hf-input-icon{pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex;position:absolute;left:13px}.hf-input{color:#111827;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:44px;padding:0 14px 0 42px;font-size:14px;transition:border-color .2s,box-shadow .2s}[data-theme=dark] .hf-input,.dark-theme .hf-input{color:#f9fafb;background:#1f2937;border-color:#374151}.hf-input:focus{border-color:#fb5102;box-shadow:0 0 0 3px #fb510226}.hf-input-password{padding-right:44px}.hf-password-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.hf-password-toggle:hover{color:#4b5563}[data-theme=dark] .hf-password-toggle:hover,.dark-theme .hf-password-toggle:hover{color:#e5e7eb}.hf-remember-group{align-items:center;margin-top:-2px;display:flex}.hf-checkbox-label{color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:inline-flex}[data-theme=dark] .hf-checkbox-label,.dark-theme .hf-checkbox-label{color:#9ca3af}.hf-checkbox{accent-color:#fb5102;cursor:pointer;width:16px;height:16px}.hf-btn-primary{color:#fff;cursor:pointer;background:#fb5102;border:none;border-radius:8px;justify-content:center;align-items:center;width:100%;height:46px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #fb510247}.hf-btn-primary:hover:not(:disabled){background:#e04600;transform:translateY(-1px);box-shadow:0 6px 16px #e0460059}.hf-btn-primary:active:not(:disabled){transform:translateY(0)}.hf-btn-loading{opacity:.8;cursor:not-allowed}.hf-footer-link-group{border-top:1px solid #f3f4f6;justify-content:center;align-items:center;gap:6px;margin-top:6px;padding-top:14px;display:flex}[data-theme=dark] .hf-footer-link-group,.dark-theme .hf-footer-link-group{border-top-color:#1f2937}.hf-footer-text{color:#6b7280;font-size:13px}[data-theme=dark] .hf-footer-text,.dark-theme .hf-footer-text{color:#9ca3af}.hf-link-action{color:#fb5102;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:13px;font-weight:600;transition:color .15s}.hf-link-action:hover{color:#e04600;text-decoration:underline}.hf-login-card--wide{max-width:620px}.hf-login-card--register{max-width:520px}.hf-form--horizontal{gap:14px}.hf-user-status-pill{color:#374151;background:#2563eb14;border:1px solid #2563eb33;border-radius:9999px;align-items:center;gap:8px;margin:-6px auto 20px;padding:6px 14px;font-size:12.5px;display:inline-flex}[data-theme=dark] .hf-user-status-pill,.dark-theme .hf-user-status-pill{color:#e2e8f0;background:#2563eb26;border-color:#2563eb59}.hf-user-status-pill strong{color:#111827}[data-theme=dark] .hf-user-status-pill strong,.dark-theme .hf-user-status-pill strong{color:#f8fafc}.hf-user-status-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite livePulse;box-shadow:0 0 8px #10b981}.hf-user-role-badge{text-transform:uppercase;letter-spacing:.3px;color:#4b5563;background:#0000000f;border-radius:4px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:700}[data-theme=dark] .hf-user-role-badge,.dark-theme .hf-user-role-badge{color:#94a3b8;background:#ffffff1a}.hf-hub-page{color:#0f172a;box-sizing:border-box;background-color:#0b1120;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:100vh;padding:24px 28px 16px;font-family:Outfit,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow-x:hidden}.hf-hub-video-bg-container{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hf-hub-video-bg{object-fit:cover;object-position:center;filter:blur(18px)brightness(.68)contrast(1.05);will-change:transform, filter;width:100%;height:100%;transform:scale(1.12)}.hf-hub-video-overlay{background:radial-gradient(circle,#0b11206b 0%,#0b1120c7 100%);position:absolute;inset:0}.hf-dashboard-bg-container{pointer-events:none!important;z-index:-1!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important;overflow:hidden!important}.hf-dashboard-video-overlay{-webkit-backdrop-filter:blur(1px);background:radial-gradient(circle at 50% 25%,#0b112059 0%,#080d1a94 55%,#060a14c7 100%);position:absolute;inset:0}.hf-hub-container{z-index:10;will-change:opacity, transform;flex-direction:column;justify-content:center;gap:24px;width:100%;max-width:1120px;margin:auto 0;animation:.22s cubic-bezier(.22,1,.36,1) both hfCardFadeIn;display:flex;position:relative}.hf-corner-header{z-index:20;justify-content:space-between;align-items:center;width:100%;padding:0 8px 20px;display:flex;position:relative;box-shadow:none!important;background:0 0!important;border:none!important}.hf-corner-left{align-items:center;display:flex}.hf-corner-right{align-items:center;gap:16px;display:flex}.hf-corner-user-info{color:#e2e8f0;-webkit-backdrop-filter:blur(12px);background:#0f172ab8;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:9px;padding:6px 14px;font-family:inherit;font-size:13.5px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #00000059}button.hf-corner-user-info{cursor:pointer;outline:none}button.hf-corner-user-info:hover{background:#1e293be0;border-color:#38bdf873;transform:translateY(-1px);box-shadow:0 6px 20px #00000073}.hf-corner-user-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;font-size:11.5px;font-weight:700}.hf-corner-username{color:#fff;letter-spacing:.2px;text-shadow:0 1px 2px #0009;font-size:14.5px;font-weight:700}.hf-corner-user-info .hf-user-role-badge{color:#7dd3fc;text-transform:uppercase;letter-spacing:.5px;background:#38bdf82e;border:1px solid #38bdf859;border-radius:6px;margin-left:4px;padding:2px 8px;font-size:11px;font-weight:700}.hf-corner-signout-btn{-webkit-backdrop-filter:blur(12px);color:#fca5a5;cursor:pointer;background:#ef444426;border:1px solid #f8717173;border-radius:8px;align-items:center;gap:7px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #00000040}.hf-corner-signout-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 4px 16px #ef444473}.hf-hub-hero{text-align:left;flex-direction:column;gap:6px;padding:0 4px;display:flex}.hf-hub-headline{letter-spacing:-.5px;color:#fff;text-shadow:0 2px 12px #000000b3;margin:0;font-size:26px;font-weight:800}.hf-hub-subtext{color:#cbd5e1;text-shadow:0 1px 6px #0009;margin:0;font-size:14px;font-weight:600;line-height:1.5}.hf-hub-stats-strip{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}@media (width<=960px){.hf-hub-stats-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.hf-hub-stats-strip{grid-template-columns:1fr}}.hf-hub-stat-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:14px;padding:16px 18px;transition:all .22s;display:flex;box-shadow:0 2px 8px #0f172a0a,0 1px 2px #0f172a08}.hf-hub-stat-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px -4px #0f172a14}.hf-hub-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hf-hub-stat-icon--amber{color:#d97706;background:#f59e0b1f}.hf-hub-stat-icon--green{color:#059669;background:#10b9811f}.hf-hub-stat-icon--blue{color:#2563eb;background:#2563eb1f}.hf-hub-stat-icon--teal{color:#0d9488;background:#14b8a61f}.hf-hub-stat-content{flex-direction:column;gap:2px;min-width:0;display:flex}.hf-hub-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:600}.hf-hub-stat-val-group{align-items:baseline;gap:6px;display:flex}.hf-hub-stat-value{color:#0f172a;letter-spacing:-.3px;font-feature-settings:"tnum";font-size:20px;font-weight:800}.hf-hub-stat-unit{color:#64748b;font-size:13px;font-weight:700}.hf-hub-stat-pill{color:#059669;background:#10b9811a;border-radius:9999px;padding:2px 7px;font-size:11px;font-weight:700}.hf-hub-stat-footnote{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.hf-hub-selection-grid{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:32px;width:100%;display:grid}@media (width<=860px){.hf-hub-selection-grid{grid-template-columns:1fr;gap:22px}}.hf-select-card{cursor:pointer;-webkit-backdrop-filter:blur(14px);box-sizing:border-box;will-change:transform;background:#0f172aa6;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;justify-content:space-between;height:400px;text-decoration:none;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 48px -12px #000000b3,0 0 0 1px #ffffff0a}.hf-select-card:hover{transform:translateY(-6px)scale(1.012)}.hf-select-card--ground{border-bottom:4px solid #0ea5e9}.hf-select-card--ground:hover{border-color:#38bdf8cc;box-shadow:0 28px 64px -10px #0ea5e980,0 0 32px #38bdf840}.hf-select-card--commercial{border-bottom:4px solid #fb5102}.hf-select-card--commercial:hover{border-color:#fb5102cc;box-shadow:0 28px 64px -10px #fb510280,0 0 32px #fb510240}.hf-select-card-bg{object-fit:cover;object-position:center;filter:brightness(.55)contrast(1.15);will-change:transform;width:100%;height:100%;transition:transform .38s cubic-bezier(.22,1,.36,1),filter .2s;position:absolute;inset:0}.hf-select-card:hover .hf-select-card-bg{filter:brightness(.7)contrast(1.22);transform:scale(1.08)}.hf-select-card-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0f172a6b 0%,#0f172a33 35%,#0f172ad9 82%,#0b1120fa 100%);transition:background .35s;position:absolute;inset:0}.hf-select-card:hover .hf-select-card-overlay{background:linear-gradient(#0f172a4d 0%,#0f172a26 35%,#0f172acc 82%,#0b1120f2 100%)}.hf-select-card-content{z-index:2;box-sizing:border-box;flex-direction:column;justify-content:space-between;height:100%;padding:32px 34px;display:flex;position:relative}.hf-select-card-top{justify-content:space-between;align-items:center;display:flex}.hf-select-badge{text-transform:uppercase;letter-spacing:1.2px;-webkit-backdrop-filter:blur(10px);border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-family:Space Grotesk,-apple-system,sans-serif;font-size:11.5px;font-weight:700;transition:all .3s;display:inline-flex}.hf-select-badge--ground{color:#38bdf8;background:#0ea5e92e;border:1px solid #38bdf873}.hf-select-badge--commercial{color:#fb923c;background:#fb51022e;border:1px solid #fb510273}.hf-select-badge-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #38bdf8}.hf-select-badge-dot--orange{background:#fb5102;box-shadow:0 0 8px #fb5102}.hf-select-icon-box{-webkit-backdrop-filter:blur(10px);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex}.hf-select-card:hover .hf-select-icon-box{transform:scale(1.12)}.hf-select-icon-box--ground{color:#38bdf8;background:#0ea5e933;border:1px solid #38bdf866}.hf-select-card:hover .hf-select-icon-box--ground{background:#0ea5e952;box-shadow:0 0 20px #38bdf866}.hf-select-icon-box--commercial{color:#fb923c;background:#fb510233;border:1px solid #fb510266}.hf-select-card:hover .hf-select-icon-box--commercial{background:#fb510252;box-shadow:0 0 20px #fb510266}.hf-select-card-bottom{justify-content:space-between;align-items:flex-end;gap:16px;width:100%;display:flex}.hf-select-card-headings{flex-direction:column;gap:5px;display:flex}.hf-select-card-title{letter-spacing:-.5px;color:#fff;text-shadow:0 2px 20px #000000d9,0 0 40px #0006;margin:0;font-family:Outfit,sans-serif;font-size:34px;font-weight:800;line-height:1.08}.hf-select-card-sub{color:#f1f5f9;letter-spacing:.3px;text-shadow:0 1px 8px #000000b3;font-family:Plus Jakarta Sans,sans-serif;font-size:13.5px;font-weight:700}.hf-select-card-action{flex-shrink:0}.hf-select-card-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:9px;padding:13px 22px;font-family:Outfit,sans-serif;font-size:14.5px;font-weight:700;transition:all .28s cubic-bezier(.16,1,.3,1);display:inline-flex}.hf-select-card-btn svg{transition:transform .28s}.hf-select-card-btn--ground{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);box-shadow:0 8px 22px #2563eb73}.hf-select-card:hover .hf-select-card-btn--ground{background:linear-gradient(135deg,#0ea5e9 0%,#1d4ed8 100%);box-shadow:0 10px 28px #2563ebb3}.hf-select-card:hover .hf-select-card-btn--ground svg{transform:translate(4px)}.hf-select-card-btn--commercial{color:#fff;background:linear-gradient(135deg,#ea580c 0%,#dc2626 100%);box-shadow:0 8px 22px #ea580c73}.hf-select-card:hover .hf-select-card-btn--commercial{background:linear-gradient(135deg,#fb923c 0%,#ea580c 100%);box-shadow:0 10px 28px #ea580cb3}.hf-select-card:hover .hf-select-card-btn--commercial svg{transform:translate(4px)}.hf-fixed-global-footer{z-index:9999;text-align:center;color:#64748b;letter-spacing:.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;pointer-events:none;-webkit-user-select:none;user-select:none;box-sizing:border-box;justify-content:center;align-items:center;width:100%;padding:0 16px;font-size:11.5px;font-weight:500;display:flex;position:fixed;bottom:12px;left:0;right:0;box-shadow:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important;background:0 0!important;border:none!important}.hf-fixed-global-footer--login{color:#64748b;width:40%;bottom:14px;left:auto;right:0}@media (width<=1080px){.hf-fixed-global-footer--login{width:50%}}@media (width<=768px){.hf-fixed-global-footer--login{width:100%;bottom:8px;left:0}}[data-theme=dark] .hf-fixed-global-footer,.dark-theme .hf-fixed-global-footer{color:#94a3b8;box-shadow:none!important;text-shadow:none!important;background:0 0!important;border:none!important}.hf-form-row-horizontal{grid-template-columns:110px 1fr;align-items:center;gap:12px;display:grid}.hf-form-row-horizontal .hf-label{color:#374151;text-align:right;white-space:nowrap;padding-right:4px;font-size:13px;font-weight:600}[data-theme=dark] .hf-form-row-horizontal .hf-label,.dark-theme .hf-form-row-horizontal .hf-label{color:#d1d5db}.hf-form-row-horizontal .hf-input{height:42px;padding-left:14px}.hf-form-row-horizontal .hf-input-password{padding-right:42px}.hf-form-row-horizontal--status{margin-top:-6px;margin-bottom:2px}@media (width<=540px){.hf-login-card--register{max-width:100%}.hf-form-row-horizontal{grid-template-columns:1fr;gap:6px}.hf-form-row-horizontal .hf-label{text-align:left;padding-right:0}}@media (width<=640px){.hf-corner-header{flex-direction:column;align-items:flex-start;gap:14px;padding:0 4px 16px}.hf-corner-right{justify-content:space-between;width:100%}.hf-corner-page-logo{top:16px;left:16px}.hf-corner-logo-img{height:34px}}.hf-role-selection-wrapper{flex-direction:column;gap:16px;display:flex}.hf-role-cards-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hf-role-card{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:stretch;min-height:380px;padding:20px 18px 18px;transition:all .28s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 18px -4px #0f172a14,0 1px 3px #0000000a}[data-theme=dark] .hf-role-card,.dark-theme .hf-role-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 20px -4px #00000080}.hf-role-card--plant{border-top:4px solid #fb5102}.hf-role-card--scada{border-top:4px solid #2563eb}.hf-role-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px -8px #0f172a29,0 4px 12px -2px #00000014}.hf-role-card--plant:hover{border-color:#fb5102;box-shadow:0 14px 32px -6px #fb510238}.hf-role-card--scada:hover{border-color:#2563eb;box-shadow:0 14px 32px -6px #2563eb38}.hf-role-card-top{flex-direction:column;align-items:flex-start;gap:8px;width:100%;min-height:74px;margin-bottom:12px;display:flex}.hf-role-card-badge{text-transform:uppercase;letter-spacing:.6px;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.hf-role-card-badge--plant{color:#e04600;background:#fb51021f;border:1px solid #fb510240}[data-theme=dark] .hf-role-card-badge--plant,.dark-theme .hf-role-card-badge--plant{color:#fb7030;background:#fb510233;border-color:#fb510266}.hf-role-card-badge--scada{color:#1d4ed8;background:#2563eb1f;border:1px solid #2563eb40}[data-theme=dark] .hf-role-card-badge--scada,.dark-theme .hf-role-card-badge--scada{color:#60a5fa;background:#2563eb33;border-color:#3b82f666}.hf-role-card-title{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:17px;font-weight:700;line-height:1.25}[data-theme=dark] .hf-role-card-title,.dark-theme .hf-role-card-title{color:#f8fafc}.hf-role-card-visual{background:#0f172a;border:1px solid #0f172a1a;border-radius:9px;flex:none;width:100%;height:180px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 4px 12px -2px #0f172a1f}[data-theme=dark] .hf-role-card-visual,.dark-theme .hf-role-card-visual{border-color:#ffffff1a;box-shadow:0 4px 16px -2px #0006}.hf-role-card-img{object-fit:cover;filter:saturate(1.05)contrast(1.02);width:100%;height:100%;transition:transform .4s,filter .3s;display:block}.hf-role-card:hover .hf-role-card-img{filter:saturate(1.15)contrast(1.05);transform:scale(1.06)}.hf-role-card-btn{cursor:pointer;text-align:center;border-radius:8px;justify-content:center;align-items:center;width:100%;height:44px;min-height:44px;padding:4px 8px;font-size:13px;font-weight:700;line-height:1.25;transition:all .22s;display:flex}.hf-role-card-btn--plant{color:#e04600;background:#fb510214;border:1.5px solid #fb510259}[data-theme=dark] .hf-role-card-btn--plant,.dark-theme .hf-role-card-btn--plant{color:#fb7030;background:#fb510226;border-color:#fb510280}.hf-role-card--plant:hover .hf-role-card-btn--plant,.hf-role-card-btn--plant:hover{color:#fff;background:#fb5102;border-color:#fb5102;box-shadow:0 4px 14px #fb510259}.hf-role-card-btn--scada{color:#1d4ed8;background:#2563eb14;border:1.5px solid #2563eb59}[data-theme=dark] .hf-role-card-btn--scada,.dark-theme .hf-role-card-btn--scada{color:#60a5fa;background:#2563eb26;border-color:#2563eb80}.hf-role-card--scada:hover .hf-role-card-btn--scada,.hf-role-card-btn--scada:hover{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 14px #2563eb59}.hf-otp-input-wrapper{gap:8px;width:100%;display:flex}.hf-otp-trigger-btn,.hf-otp-verify-btn{white-space:nowrap;color:#fff;cursor:pointer;background:#fb5102;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;height:44px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.hf-otp-trigger-btn:hover:not(:disabled),.hf-otp-verify-btn:hover:not(:disabled){background:#e04600}.hf-otp-trigger-btn:disabled,.hf-otp-verify-btn:disabled{cursor:not-allowed;opacity:.7;background:#9ca3af}.hf-input--verified{background:#10b9810a!important;border-color:#10b981!important}.hf-field-hint-verified{color:#10b981;margin-top:2px;font-size:12px;font-weight:600}.hf-field-hint{color:#6b7280;margin-top:2px;font-size:11.5px}[data-theme=dark] .hf-field-hint,.dark-theme .hf-field-hint{color:#9ca3af}.hf-otp-simulated-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;flex-direction:column;gap:6px;padding:10px 12px;animation:.3s ease-out hfCardFadeIn;display:flex}[data-theme=dark] .hf-otp-simulated-box,.dark-theme .hf-otp-simulated-box{background:#10b9811a;border-color:#10b98140}.hf-otp-sim-header{justify-content:space-between;align-items:center;display:flex}.hf-otp-sim-badge{color:#047857;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}[data-theme=dark] .hf-otp-sim-badge,.dark-theme .hf-otp-sim-badge{color:#34d399}.hf-otp-sim-time{color:#6b7280;font-size:10.5px}.hf-otp-sim-body{color:#1f2937;font-size:12px;line-height:1.4}[data-theme=dark] .hf-otp-sim-body,.dark-theme .hf-otp-sim-body{color:#e5e7eb}.hf-otp-auto-fill-btn{color:#059669;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:2px 0;font-size:12px;font-weight:600;text-decoration:underline;transition:color .15s}.hf-otp-auto-fill-btn:hover{color:#047857}.hf-form-banner-info{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.45;display:flex}[data-theme=dark] .hf-form-banner-info,.dark-theme .hf-form-banner-info{color:#cbd5e1;background:#1e293b;border-color:#334155}.hf-form-notice{color:#6b7280;margin:-4px 0 0;font-size:11.5px;line-height:1.4}[data-theme=dark] .hf-form-notice,.dark-theme .hf-form-notice{color:#9ca3af}.hf-footer-nav-row{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:6px;padding-top:14px;display:flex}[data-theme=dark] .hf-footer-nav-row,.dark-theme .hf-footer-nav-row{border-top-color:#1f2937}.hf-alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}[data-theme=dark] .hf-alert-success,.dark-theme .hf-alert-success{color:#34d399;background:#10b98126;border-color:#10b9814d}.hf-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}[data-theme=dark] .hf-alert-error,.dark-theme .hf-alert-error{color:#f87171;background:#b91c1c26;border-color:#ef44444d}.hf-card-footer{text-align:center;color:#9ca3af;margin-top:20px;font-size:11px}@media (width<=580px){.hf-login-card{padding:28px 20px 20px}.hf-role-cards-grid{grid-template-columns:1fr}.hf-otp-input-wrapper{flex-direction:column}.hf-otp-trigger-btn,.hf-otp-verify-btn{width:100%}}.auth-card{z-index:1;-webkit-backdrop-filter:blur(20px);border-radius:var(--r-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg), 0 0 0 1px #fffc inset;background:#ffffffeb;border:1px solid #f59e0b33;flex-direction:column;gap:0;padding:44px 40px;transition:background .3s,box-shadow .3s,border-color .3s;animation:.6s cubic-bezier(.22,1,.36,1) both fadeInUp;display:flex}.auth-logo{align-items:center;gap:12px;margin-bottom:10px;display:flex}.auth-logo-icon{background:linear-gradient(135deg, var(--accent), var(--accent-dark));border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;animation:3s ease-in-out infinite logoPulse;display:flex;box-shadow:0 4px 20px #f59e0b73,0 0 0 1px #f59e0b4d}@keyframes logoPulse{0%,to{box-shadow:0 4px 20px #f59e0b66,0 0 0 1px #f59e0b4d}50%{box-shadow:0 4px 32px #f59e0ba6,0 0 0 1px #f59e0b80}}.auth-logo-name{color:var(--text-h);letter-spacing:-.3px;font-size:19px;font-weight:800}.auth-logo-name span{color:var(--accent-dark)}.auth-headline{margin:20px 0 22px}.auth-headline h1{color:var(--text-h);letter-spacing:-.5px;margin:0 0 5px;font-size:1.55rem;font-weight:700}.auth-headline p{color:var(--text-muted);margin:0;font-size:13px}.auth-card h1{color:var(--text-h);letter-spacing:-.4px;margin:20px 0 4px;font-size:1.5rem;font-weight:700}.auth-card p{color:var(--text-muted);margin-bottom:24px;font-size:13px}.auth-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.auth-card label{color:var(--text-h);letter-spacing:.2px;font-size:12.5px;font-weight:600}.auth-input-wrap{position:relative}.auth-input-icon{color:var(--text-muted);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.auth-card input:not([type=checkbox]){border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text-h);font-family:var(--sans);box-sizing:border-box;outline:none;padding:12px 14px 12px 40px;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.auth-card input:not([type=checkbox]):focus{border-color:var(--accent);box-shadow:0 0 0 3px #f59e0b1f}.auth-card input:not([type=checkbox])::placeholder{color:var(--text-muted)}.auth-error{color:var(--red);border-radius:var(--r-md);background:#ef44441f;border:1px solid #ef44444d;align-items:center;gap:8px;margin-bottom:8px;padding:10px 14px;font-size:13px;font-weight:500;animation:.4s both shakeX;display:flex}.auth-error-icon{font-size:14px}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.auth-remember-row{justify-content:flex-start;align-items:center;width:100%;margin-top:6px;margin-bottom:8px;display:flex}.auth-card .auth-remember-label,.auth-remember-label{color:var(--text-secondary,#4b5563);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;letter-spacing:normal;align-items:center;gap:10px;margin:0;padding:0;font-size:13.5px;font-weight:500;transition:color .15s;display:inline-flex}.auth-card .auth-remember-label:hover,.auth-remember-label:hover{color:var(--text-h)}.auth-card input.auth-remember-checkbox,.auth-remember-checkbox{appearance:auto;accent-color:var(--accent,#f59e0b);cursor:pointer;border-radius:4px;flex-shrink:0;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;box-shadow:none!important;margin:0!important;padding:0!important}.auth-remember-text{color:inherit;white-space:nowrap;font-size:13.5px;font-weight:500;line-height:1}.auth-submit{border-radius:var(--r-md);background:linear-gradient(135deg, var(--accent), #d97706);color:#fff;width:100%;font-family:var(--sans);letter-spacing:.3px;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:14px 20px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #f59e0b66}.auth-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.auth-submit:hover:not(:disabled):before{left:100%}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 32px #f59e0b80}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-submit--loading{opacity:.8}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.auth-card button:not(.password-toggle-btn){border-radius:var(--r-md);background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;cursor:pointer;font-family:var(--sans);transition:transform var(--t-fast), box-shadow var(--t-normal);box-shadow:var(--shadow-accent);border:none;padding:14px 20px;font-size:14px;font-weight:700}.auth-card button:not(.password-toggle-btn):hover{transform:translateY(-2px);box-shadow:0 6px 24px #f59e0b59}.select-page{background:0 0;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.select-card{z-index:1;-webkit-backdrop-filter:blur(20px);border-radius:var(--r-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);background:#ffffffeb;border:1px solid #f59e0b33;flex-direction:column;gap:0;padding:40px 36px;animation:.5s cubic-bezier(.22,1,.36,1) both fadeInUp;display:flex;position:relative}.select-card-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.select-logo-icon{background:linear-gradient(135deg, var(--accent), var(--accent-dark));border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;animation:3s ease-in-out infinite logoPulse;display:flex;box-shadow:0 4px 20px #f59e0b73}.select-card h1{color:var(--text-h);letter-spacing:-.4px;margin:0;font-size:1.5rem;font-weight:800}.select-subtitle{color:var(--text-muted);margin:0;font-size:13px}.select-card>p{color:var(--text-muted);margin:0 0 20px;font-size:13px}.select-user-pill{border-radius:var(--r-full);background:var(--green-light);color:var(--text-muted);border:1px solid #10b98140;align-items:center;gap:7px;margin-bottom:22px;padding:6px 14px;font-size:12.5px;display:inline-flex}.select-user-pill strong{color:var(--text-h)}.select-user-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite livePulse}.select-options{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.select-option-btn{border:1.5px solid var(--border);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;text-align:left;font-family:var(--sans);color:var(--text-h);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;transition:border-color .2s,background .2s,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;animation:.5s both fadeInUp;display:flex}.select-option-btn:first-child{animation-delay:.15s}.select-option-btn:nth-child(2){animation-delay:.25s}.select-option-btn:hover{border-color:var(--accent);background:var(--accent-bg);box-shadow:var(--shadow), 0 0 0 3px #f59e0b14;transform:translate(6px)}.select-option-btn:hover svg{color:var(--accent-dark)}.select-option-body{align-items:center;gap:14px;display:flex}.select-option-icon{flex-shrink:0;font-size:28px}.select-option-label{color:var(--text-h);margin-bottom:3px;font-size:14px;font-weight:700;display:block}.select-option-desc{color:var(--text-muted);font-size:12px;font-weight:400;line-height:1.4;display:block}.select-options button{border:1.5px solid var(--border);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;font-family:var(--sans);color:var(--text-h);align-items:center;gap:12px;padding:18px 20px;font-size:14px;font-weight:700;transition:all .22s;display:flex}.select-options button:hover{border-color:var(--accent);background:var(--accent-bg);transform:translate(6px)}.select-logout{border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text);cursor:pointer;font-family:var(--sans);transition:all var(--t-fast);background:0 0;margin-top:4px;padding:11px 14px;font-size:13px;font-weight:500;animation:.5s .35s both fadeInUp}.select-logout:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.dashboard-layout{background:0 0;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-y:visible}.route-transition{width:100%;animation:.22s cubic-bezier(.16,1,.3,1) routeSmoothEnter}.eng-tab-pane-transition{will-change:opacity, transform;width:100%;animation:.22s cubic-bezier(.16,1,.3,1) both tabPaneFadeIn}@keyframes tabPaneFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animations-enabled .dashboard-content>*{animation:.55s cubic-bezier(.22,1,.36,1) both contentRise}.animations-enabled .dashboard-content>:nth-child(2){animation-delay:60ms}.animations-enabled .dashboard-content>:nth-child(3){animation-delay:.12s}.animations-enabled .dashboard-content>:nth-child(4){animation-delay:.18s}.animations-enabled .dashboard-content>:nth-child(5){animation-delay:.24s}.animations-enabled .scada-engineering-view>*,.animations-enabled .commercial-dashboard-view>*{animation:.5s cubic-bezier(.22,1,.36,1) both contentRise}.animations-enabled .scada-engineering-view>:nth-child(2),.animations-enabled .commercial-dashboard-view>:nth-child(2){animation-delay:50ms}.animations-enabled .scada-engineering-view>:nth-child(3),.animations-enabled .commercial-dashboard-view>:nth-child(3){animation-delay:.1s}.animations-enabled .scada-engineering-view>:nth-child(4),.animations-enabled .commercial-dashboard-view>:nth-child(4){animation-delay:.15s}.animations-enabled .scada-engineering-view>:nth-child(5),.animations-enabled .commercial-dashboard-view>:nth-child(5){animation-delay:.2s}@keyframes contentRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.animations-enabled button,.animations-enabled a,.animations-enabled input,.animations-enabled select{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s,background-color .2s,color .2s}.animations-enabled button:not(:disabled):not(.password-toggle-btn):active,.animations-enabled a:active{transform:scale(.97)}.animations-enabled .plant-card,.animations-enabled .plant-square-card,.animations-enabled .inverter-card,.animations-enabled .stat-card,.animations-enabled .chart-section,.animations-enabled .trends-chart-container{transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s,border-color .24s}.animations-enabled .plant-card:hover,.animations-enabled .plant-square-card:hover,.animations-enabled .inverter-card:hover,.animations-enabled .stat-card:hover,.animations-enabled .trends-chart-container:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a1f}.page-status{animation:1.8s ease-in-out infinite statusBreath}@keyframes statusBreath{0%,to{opacity:.62}50%{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.dashboard-layout:before,.dashboard-layout:after{display:none}.dashboard-header{z-index:1000;align-items:center;gap:clamp(12px,1.6vw,22px);height:70px;min-height:70px;max-height:70px;padding:10px clamp(20px,2.5vw,36px);display:flex;position:sticky;top:0;box-shadow:none!important;-webkit-backdrop-filter:blur(36px)saturate(190%)!important;background:0 0!important;border:none!important;outline:none!important}.dashboard-header:before{content:"";z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(40px)saturate(200%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%);box-shadow:none!important;background:0 0!important;border:none!important}.dashboard-header.header-scrolled,.dark-theme .dashboard-header,.dark-theme .dashboard-header.header-scrolled{box-shadow:none!important;-webkit-backdrop-filter:blur(40px)saturate(200%)!important;background:0 0!important;border:none!important;outline:none!important}.dashboard-header-left{flex-shrink:0;align-items:center;gap:14px;display:flex}.dashboard-header .hf-corner-logo-img{object-fit:contain;filter:drop-shadow(0 1px 4px #00000073);width:auto;height:44px;transition:transform .2s,filter .2s;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0!important}.dashboard-header .dashboard-brand:hover .hf-corner-logo-img{filter:drop-shadow(0 2px 8px #f59e0b80);transform:scale(1.04);box-shadow:none!important}.dashboard-brand{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.dashboard-header:after{display:none!important}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}@keyframes headerScan{0%{left:-60%}to{left:160%}}.header-divider{background:#ffffff38;flex-shrink:0;width:1px;height:28px}.header-title{color:#fff;text-shadow:0 1px 3px #000000a6,0 2px 8px #00000059;letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;overflow:hidden}.dashboard-header-right-zone{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.header-action-group{align-items:center;gap:8px;display:flex}.header-divider-vertical{background:var(--border,#ffffff26);flex-shrink:0;width:1px;height:26px;margin:0 2px}.tv-status{color:#34d399;letter-spacing:.05em;white-space:nowrap;background:#10b9811f;border:1px solid #10b98147;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-family:Space Grotesk,-apple-system,sans-serif;font-size:11.5px;font-weight:700;display:inline-flex}.tv-status.active{color:#38bdf8;background:#38bdf824;border-color:#38bdf859}.tv-status.stale{color:#fbbf24;background:#fbbf2424;border-color:#fbbf2459}.tv-status.waiting{color:#94a3b8;background:#94a3b81f;border-color:#94a3b840}.tv-status-dot{background:currentColor;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.tv-status.live{color:#34d399;animation:2.4s ease-in-out infinite liveStatusGlow}.tv-status.live .tv-status-dot{animation:1.6s ease-out infinite liveStatusPulse}@keyframes liveStatusPulse{0%{box-shadow:0 0 #10b9818c}70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes liveStatusGlow{0%,to{opacity:.82}50%{opacity:1}}.tv-mode-btn,.tv-rotate-btn,.header-export-btn,.audio-toggle-btn{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(12px);height:38px;min-height:38px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #00000014}.tv-mode-btn:hover,.tv-rotate-btn:hover,.audio-toggle-btn:hover{color:var(--teal,#0284c7);background:#38bdf824;border-color:#38bdf873;transform:translateY(-1px);box-shadow:0 4px 14px #00000026}.tv-mode-btn.active{border-color:var(--teal,#0284c7);color:var(--teal,#0284c7);background:#38bdf82e}.audio-toggle-btn{color:#f1f5f9;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;min-height:38px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(12px)!important;background:#ffffff14!important;border:1px solid #ffffff29!important}.audio-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #38bdf84d;color:#fff!important;background:#38bdf82e!important;border-color:#38bdf873!important}.audio-toggle-btn.muted{color:#94a3b8;border-color:#ffffff1f!important}.audio-toggle-btn.muted:hover{box-shadow:0 4px 14px #f43f5e40;color:#fda4af!important;background:#f43f5e26!important;border-color:#f43f5e73!important}.audio-toggle-btn.active{color:#38bdf8;box-shadow:0 2px 10px #38bdf826;border-color:#38bdf859!important}.audio-toggle-icon{filter:drop-shadow(0 0 4px #fff3);justify-content:center;align-items:center;transition:transform .2s;display:flex}.audio-toggle-btn:hover .audio-toggle-icon{transform:scale(1.08)}.dashboard-header .notification-bell-btn,.notification-bell-btn{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 8px #00000014;color:var(--text-h,var(--text))!important}.dashboard-header .notification-bell-btn svg,.notification-bell-btn svg{display:block;stroke:currentColor!important}.dashboard-header .notification-bell-btn:hover,.notification-bell-btn:hover{background:#38bdf824;border-color:#38bdf873;transform:translateY(-1px);box-shadow:0 4px 14px #00000026;color:var(--teal,#0284c7)!important}.notification-badge{border:none!important;outline:none!important;margin:0!important;box-shadow:0 2px 8px #ef444473!important}.tv-alarm-takeover{z-index:9999;background:color-mix(in srgb, #450a0a 94%, var(--surface));color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fb7185;border-left:6px solid #ef4444;border-radius:14px;gap:6px;width:min(440px,100vw - 56px);padding:16px 20px 14px;animation:.35s cubic-bezier(.16,1,.3,1) tvAlarmEnterTop,2.5s ease-in-out infinite tvAlarmPulse;display:grid;position:fixed;top:24px;right:28px;box-shadow:0 16px 40px #00000080,0 0 25px #ef444466}.tv-alarm-header{justify-content:space-between;align-items:center;display:flex}.tv-alarm-kicker{color:#fda4af;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:900;display:inline-flex}.tv-alarm-pulse-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.2s infinite livePulse;box-shadow:0 0 8px #ef4444}.tv-alarm-close-btn{color:#fca5a5;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px;font-weight:700;line-height:1;transition:all .15s}.tv-alarm-close-btn:hover{color:#fff;background:#ffffff26}.tv-alarm-takeover strong{letter-spacing:.04em;color:#fee2e2;font-size:20px}.tv-alarm-takeover span{color:#fff;font-size:14px;line-height:1.35}.tv-alarm-meta{justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.tv-alarm-device{color:#fed7aa;font-size:12px;font-family:var(--font-mono,monospace);font-weight:600}.tv-alarm-takeover small{color:#fecdd3;font-size:12px;font-weight:700}.tv-alarm-progress{background:#ffffff26;border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.tv-alarm-progress-bar{background:#f87171;width:100%;height:100%;animation:5s linear forwards tvAlarmCountdown}.tv-alarm-takeover:hover .tv-alarm-progress-bar{animation-play-state:paused}@keyframes tvAlarmEnterTop{0%{opacity:0;transform:translateY(-24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tvAlarmPulse{0%,to{box-shadow:0 16px 40px #00000080,0 0 20px #ef444459}50%{box-shadow:0 16px 40px #00000080,0 0 35px #ef4444b3}}@keyframes tvAlarmCountdown{0%{width:100%}to{width:0%}}@media (width<=640px){.tv-alarm-takeover{width:auto;top:14px;left:14px;right:14px}}body.tv-mode-active .dashboard-header-actions>:not(.tv-mode-btn):not(.tv-rotate-btn),body.tv-mode-active .dashboard-settings-bar{opacity:.35;transition:opacity .2s}body.tv-mode-active .dashboard-header-actions>:not(.tv-mode-btn):not(.tv-rotate-btn):hover,body.tv-mode-active .dashboard-settings-bar:hover{opacity:1}body.tv-mode-active .dashboard-content{min-height:0}.dashboard-user{color:var(--text-h);background:var(--surface-2);border-radius:var(--r-full);border:1px solid var(--border);flex-shrink:0;padding:5px 12px;font-size:13px;font-weight:600}.header-logout-btn{border:1.5px solid var(--border);background:var(--surface);height:38px;color:var(--text);font-family:var(--sans);cursor:pointer;transition:all var(--t-fast);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:12.5px;font-weight:600;display:inline-flex}.header-logout-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-light);transform:translateY(-1px)}@media (width<=1320px){.header-admin-link .header-btn-text{display:none}}@media (width<=1140px){.header-title,.header-divider,.tv-mode-btn .header-btn-text,.header-export-btn .header-btn-text,.header-logout-btn .header-btn-text{display:none}.tv-mode-btn,.header-export-btn,.header-admin-link,.header-logout-btn{justify-content:center;width:35px;padding:0}}@media (width<=880px){.tv-status{display:none}.dashboard-header{height:52px;padding:0 12px}.dashboard-header-actions{gap:6px}}.dashboard-content{box-sizing:border-box;flex-direction:column;gap:28px;width:100%;max-width:1560px;min-height:calc(100vh - 68px);margin:0 auto;padding:28px 28px 60px;animation:.4s both fadeIn;display:flex}.page-status{color:var(--text);align-items:center;gap:10px;padding:20px 24px;font-size:14px;display:flex}.page-status--error{color:var(--red);background:var(--red-light);border-radius:var(--r-md);border-left:3px solid var(--red)}.page-status--error button{border:1px solid var(--red);border-radius:var(--r-sm);color:var(--red);cursor:pointer;font-size:13px;font-family:var(--sans);background:0 0;padding:5px 12px}.fleet-summary-wrapper{flex-direction:column;gap:10px;margin-bottom:6px;display:flex}.fleet-live-strip{justify-content:flex-start;align-items:center;padding:2px 0;display:flex}.fleet-live-badge{font-family:var(--mono,monospace);color:#10b981;letter-spacing:.8px;background:#10b98114;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:8px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 0 12px #10b9811a}.live-radar-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.live-radar-dot:after{content:"";background-color:inherit;opacity:.75;border-radius:50%;width:14px;height:14px;animation:1.8s cubic-bezier(0,0,.2,1) infinite radarPing;position:absolute;top:-3px;left:-3px}@keyframes radarPing{0%{opacity:.9;transform:scale(.6)}75%,to{opacity:0;transform:scale(2.2)}}.live-badge-text{font-weight:700}.live-badge-sep{opacity:.4;font-size:9px}.live-badge-detail{color:var(--text-muted);font-size:10.5px;font-weight:500}.fleet-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.kpi-card{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;border-radius:14px;flex-direction:column;gap:3px;min-width:0;min-height:150px;padding:17px 18px 16px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;animation:.5s both fadeInUp;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #0000000f,0 1px 3px #0000000a;background:#ffffffb8!important;border:1px solid #ffffffa6!important}.kpi-card:first-child{animation-delay:0s}.kpi-card:nth-child(2){animation-delay:70ms}.kpi-card:nth-child(3){animation-delay:.14s}.kpi-card:nth-child(4){animation-delay:.21s}.kpi-card:nth-child(5){animation-delay:.28s}.kpi-card:before{content:"";border-radius:14px 14px 0 0;height:3.5px;transition:height .2s;position:absolute;top:0;left:0;right:0}.kpi-card:after{content:"";opacity:.07;pointer-events:none;border-radius:50%;width:90px;height:90px;transition:opacity .25s,transform .25s;position:absolute;top:-24px;right:-24px}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000d}.kpi-card:hover:before{height:4.5px}.kpi-card:hover:after{opacity:.14;transform:scale(1.15)}.kpi-card--blue:before{background:linear-gradient(90deg,#0284c7,#38bdf8)}.kpi-card--blue:after{background:#0284c7}.kpi-card--blue:hover{border-color:#0284c766!important}.kpi-card--teal:before{background:linear-gradient(90deg,#0d9488,#2dd4bf)}.kpi-card--teal:after{background:#0d9488}.kpi-card--teal:hover{border-color:#0d948866!important}.kpi-card--purple:before{background:linear-gradient(90deg,#7c3aed,#a855f7)}.kpi-card--purple:after{background:#7c3aed}.kpi-card--purple:hover{border-color:#7c3aed66!important}.kpi-card--green:before{background:linear-gradient(90deg,#059669,#34d399)}.kpi-card--green:after{background:#059669}.kpi-card--green:hover{border-color:#10b98166!important}.kpi-card--orange:before{background:linear-gradient(90deg,#ea580c,#fb923c)}.kpi-card--orange:after{background:#ea580c}.kpi-card--orange:hover{border-color:#ea580c66!important}.kpi-icon{justify-content:flex-start;align-items:center;width:auto;height:auto;margin-bottom:7px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.kpi-card:hover .kpi-icon{transform:scale(1.08)}.kpi-card--blue .kpi-icon{color:#0284c7}.kpi-card--teal .kpi-icon{color:#0d9488}.kpi-card--purple .kpi-icon{color:#7c3aed}.kpi-card--green .kpi-icon{color:#059669}.kpi-card--orange .kpi-icon{color:#ea580c}.kpi-label{text-transform:uppercase;letter-spacing:.7px;color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-family:Space Grotesk,-apple-system,sans-serif;font-size:10.5px;font-weight:750;line-height:1.2;overflow:hidden}.kpi-value{letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-family:Outfit,sans-serif;font-size:clamp(26px,1.8vw,30px);font-weight:800;line-height:1.15;transition:transform .2s;overflow:hidden}.kpi-card:hover .kpi-value{transform:scale(1.02)}.kpi-card--blue .kpi-value{color:#0284c7}.kpi-card--teal .kpi-value{color:#0d9488}.kpi-card--purple .kpi-value{color:#7c3aed}.kpi-card--green .kpi-value{color:#059669}.kpi-card--orange .kpi-value{color:#ea580c}.kpi-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:500;line-height:1.2;overflow:hidden}@media (width<=1080px) and (width>=641px){.fleet-summary{grid-template-columns:repeat(6,1fr);gap:12px}.fleet-summary>.kpi-card:first-child,.fleet-summary>.kpi-card:nth-child(2),.fleet-summary>.kpi-card:nth-child(3){grid-column:span 2}.fleet-summary>.kpi-card:nth-child(4),.fleet-summary>.kpi-card:nth-child(5){grid-column:span 3}}@media (width<=640px){.fleet-summary{grid-template-columns:repeat(2,1fr);gap:10px}.fleet-summary>.kpi-card:nth-child(5){grid-column:1/-1}}.kpi-bar{border-radius:var(--r-full);background:#0d948826;height:4px;margin-top:5px;overflow:hidden}.kpi-bar-fill{border-radius:var(--r-full);background:linear-gradient(90deg, var(--teal), var(--sky), var(--blue));background-size:200% 100%;height:100%;transition:width 1.2s cubic-bezier(.16,.84,.44,1);animation:2.5s ease-in-out infinite barShimmer}@keyframes barShimmer{0%,to{background-position:0%}50%{background-position:100%}}.chart-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);max-width:100%;padding:22px 24px;animation:.4s both fadeInUp}.chart-section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.chart-section-header h2{color:var(--text-h);font-size:15px;font-weight:700}.last-updated{color:var(--text-muted);background:var(--surface-2);border-radius:var(--r-full);border:1px solid var(--border);padding:4px 10px;font-size:12px}.plant-sections{flex-direction:column;gap:20px;display:flex}.plant-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);border-top:4px solid var(--green);transition:box-shadow .25s,border-top-color .3s;animation:.5s both fadeInUp;position:relative;overflow:hidden}.plant-section:before{content:"";background:linear-gradient(90deg, var(--green), #34d399, var(--teal));border-radius:var(--r-lg) var(--r-lg) 0 0;pointer-events:none;z-index:1;background-size:200% 100%;height:4px;animation:4s ease-in-out infinite barShimmer;position:absolute;top:0;left:0;right:0}.plant-section:hover{box-shadow:var(--shadow), 0 0 0 1px #10b98126}.plant-section--offline:before{background:linear-gradient(90deg, var(--red), var(--orange), var(--red))}.plant-section-header{background:linear-gradient(135deg, var(--surface) 60%, var(--surface-2));border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.plant-section-header h2{color:var(--text-h);margin-bottom:3px;font-size:16px;font-weight:700}.plant-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.plant-meta-dot{background:var(--border);border-radius:50%;width:3px;height:3px}.plant-section-kpis{align-items:center;gap:24px;display:flex}.plant-kpi-item{flex-direction:column;align-items:flex-end;display:flex}.plant-kpi-item>span:first-child{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:10px;font-weight:700}.plant-kpi-item>strong{color:var(--text-h);font-size:16px;font-weight:700}.plant-section-kpis>div{flex-direction:column;align-items:flex-end;display:flex}.plant-section-kpis span{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:10px;font-weight:700}.plant-section-kpis strong{color:var(--text-h);font-size:15px;font-weight:700}.status-badge{border-radius:var(--r-full);text-transform:capitalize;letter-spacing:.3px;padding:4px 12px;font-size:11px;font-weight:700}.status-badge--online{background:var(--green-light);color:#065f46;border:1px solid #10b9814d;position:relative;overflow:hidden}.status-badge--online:before{content:"";background:var(--green);vertical-align:middle;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-right:5px;animation:2s ease-in-out infinite livePulse;display:inline-block;box-shadow:0 0 #10b98180}.status-badge--offline{background:var(--red-light);color:#991b1b;border:1px solid #ef44444d}.plant-tabs{border-bottom:1px solid var(--border);gap:2px;padding:14px 24px 0;display:flex;overflow-x:auto}.plant-tab{color:var(--text-muted);cursor:pointer;font-family:var(--sans);border-radius:var(--r-md) var(--r-md) 0 0;white-space:nowrap;transition:color var(--t-fast), background var(--t-fast);background:0 0;border:none;padding:9px 16px;font-size:13px;font-weight:500;position:relative}.plant-tab:after{content:"";background:var(--accent);height:2px;transition:transform var(--t-normal);border-radius:2px 2px 0 0;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.plant-tab:hover{color:var(--text-h);background:var(--surface-2)}.plant-tab--active{color:var(--accent-dark);background:var(--accent-bg);font-weight:700}.plant-tab--active:after{transform:scaleX(1)}.plant-tab-content{padding:22px 24px 26px;animation:.22s both fadeIn}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.inverter-grid,.meter-grid,.controller-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.inverter-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1.5px solid var(--border);border-radius:var(--r-lg);transition:transform var(--t-normal), box-shadow var(--t-normal), border-color var(--t-normal);padding:16px;position:relative;overflow:hidden}.inverter-card:before{content:"";background:var(--green);border-radius:0;width:3px;height:100%;position:absolute;top:0;left:0}.inverter-card--fault:before,.inverter-card:not(.inverter-card--ok):before{background:var(--red)}.inverter-card:hover{box-shadow:var(--shadow);border-color:var(--accent-border);transform:translateY(-2px)}.inverter-card-header{color:var(--text-h);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dot--green{background:var(--green);animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 0 3px #10b98133}.dot--red{background:var(--red)}.inverter-metric{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:5px 0;font-size:12.5px;display:flex}.inverter-metric:first-of-type{border-top:none}.inverter-metric span{color:var(--text-muted)}.inverter-metric strong{color:var(--text-h);font-weight:600}.inverter-status-text{color:var(--purple);text-transform:uppercase;letter-spacing:.4px;margin-top:10px;font-size:11px;font-weight:600}.meter-card,.controller-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);transition:transform var(--t-normal), box-shadow var(--t-normal);padding:16px}.meter-card:hover,.controller-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.meter-card h4{color:var(--blue);align-items:center;gap:6px;margin:0 0 12px;font-size:13px;font-weight:700;display:flex}.meter-metrics,.controller-metrics{flex-direction:column;gap:7px;display:flex}.meter-metrics div,.controller-metrics div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.meter-metrics div:last-child,.controller-metrics div:last-child{border-bottom:none}.meter-metrics span,.controller-metrics span{color:var(--text-muted);font-size:12px}.meter-metrics strong,.controller-metrics strong{color:var(--text-h);font-weight:600}.weather-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.weather-card{display:contents}.weather-metric{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);text-align:center;transition:transform var(--t-normal), box-shadow var(--t-normal), border-color var(--t-normal);flex-direction:column;align-items:center;gap:6px;padding:18px 16px;display:flex}.weather-metric:hover{box-shadow:var(--shadow);border-color:var(--teal);transform:translateY(-2px)}.weather-icon{font-size:26px}.weather-metric span{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:10px;font-weight:700}.weather-metric strong{color:var(--teal);font-size:18px;font-weight:700}.controller-card-header{color:var(--text-h);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:700;display:flex}.pill{border-radius:var(--r-full);letter-spacing:.2px;padding:3px 9px;font-size:11px;font-weight:700}.pill--closed{background:var(--green-light);color:#065f46}.pill--open{background:var(--red-light);color:#991b1b}.pill--unknown{background:var(--surface-muted);color:var(--text-muted)}.empty-note{color:var(--text-muted);text-align:center;border:1px solid var(--border);border-radius:var(--r-lg);background:#fff;padding:32px 24px;font-size:14px;box-shadow:0 4px 16px #0000000a}.alarms-table-wrapper{border-radius:var(--r-lg);border:1px solid var(--border);background:#fff;overflow-x:auto;box-shadow:0 4px 16px #0000000a}.alarms-table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}.alarms-table thead{z-index:2;background:#f8fafc;position:sticky;top:0}.alarms-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid var(--border);white-space:nowrap;background:#f8fafc;padding:12px 14px;font-size:10px;font-weight:800}.alarms-table tbody tr{background:#fff;transition:background .15s,transform .15s;animation:.25s both rowFadeIn}.alarms-table tbody tr:first-child{animation-delay:30ms}.alarms-table tbody tr:nth-child(2){animation-delay:60ms}.alarms-table tbody tr:nth-child(3){animation-delay:90ms}.alarms-table tbody tr:nth-child(4){animation-delay:.12s}.alarms-table tbody tr:nth-child(5){animation-delay:.15s}.alarms-table tbody tr:nth-child(6){animation-delay:.18s}.alarms-table tbody tr:nth-child(7){animation-delay:.21s}.alarms-table tbody tr:nth-child(8){animation-delay:.24s}.alarms-table tbody tr:nth-child(2n){background:#f8fafc}.alarms-table tbody tr:hover{background:#0284c70f;transform:translate(3px)}.alarms-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}.alarms-table tbody tr:last-child td{border-bottom:none}.alarm-code{font-family:var(--mono);color:var(--purple);background:var(--purple-light);border-radius:var(--r-sm);letter-spacing:.3px;border:1px solid #8b5cf633;padding:3px 8px;font-size:10.5px;font-weight:700}.alarm-text{max-width:340px;color:var(--text);font-size:12.5px;line-height:1.45}.severity-badge{border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;padding:3px 9px;font-size:10px;font-weight:800}.severity-badge--critical{background:var(--red-light);color:#991b1b;border:1px solid #ef44444d}.severity-badge--high{background:var(--orange-light);color:#9a3412;border:1px solid #f973164d}.severity-badge--warning{color:#854d0e;background:#fef9c3;border:1px solid #eab3084d}.severity-badge--low{background:var(--blue-light);color:#1e40af;border:1px solid #3b82f64d}.text-critical{font-weight:700;color:var(--red)!important}@media (width<=768px){.dashboard-content{gap:20px;padding:16px 16px 32px}.dashboard-header{height:56px;padding:0 16px}.brand-name,.header-live{display:none}.plant-section-header{gap:12px;padding:16px 18px}.plant-section-kpis{gap:14px}.select-options{grid-template-columns:1fr}.kpi-value{font-size:1.6rem}.auth-card,.select-card{padding:28px 22px}}.parallax-banner{border-radius:var(--r-lg);height:220px;box-shadow:var(--shadow-sm);transition:transform var(--t-normal), box-shadow var(--t-normal);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;justify-content:center;align-items:center;margin:12px 0;display:flex;position:relative;overflow:hidden}.parallax-banner:hover{box-shadow:var(--shadow)}.parallax-banner-overlay{z-index:1;background:linear-gradient(#0f172a26 0%,#0f172aa6 100%);position:absolute;inset:0}.parallax-banner-content{z-index:2;text-align:center;color:#fff;padding:24px;position:relative}.parallax-banner-content h2{color:#fff;text-shadow:0 2px 4px #0006;margin:0;font-size:1.6rem;font-weight:800}.parallax-banner-content p{color:#ffffffe6;text-shadow:0 1px 2px #0006;text-transform:uppercase;letter-spacing:1.5px;margin-top:6px;font-size:11px;font-weight:700}.animations-disabled *,.animations-disabled :before,.animations-disabled :after{transition:none!important;animation:none!important}.dashboard-settings-bar{background:var(--surface);border-bottom:1px solid var(--border);contain:layout;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:36px;padding:5px clamp(12px,2vw,24px);font-size:11.5px;display:flex}.settings-bar-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.settings-group{background:var(--surface-2);border-radius:var(--r-md);border:1px solid var(--border);align-items:center;gap:2px;padding:2px 4px;display:inline-flex}.settings-group-label{color:var(--text-h);text-transform:uppercase;letter-spacing:.5px;margin-left:4px;margin-right:4px;font-size:9px;font-weight:700}.settings-toggle-btn{color:var(--text-muted);font-family:var(--sans);border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;padding:3px 8px;font-size:11px;font-weight:600}.settings-toggle-btn:hover{color:var(--text-h)}.settings-toggle-btn.active{background:var(--surface);color:var(--accent-dark);box-shadow:var(--shadow-sm);font-weight:700}.settings-bar-right{align-items:center;display:flex}.advanced-controls-switch{cursor:pointer;color:var(--text-h);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.advanced-controls-switch input{cursor:pointer;accent-color:var(--accent);width:14px;height:14px}.advanced-controls-switch:has(input:disabled){opacity:.5;cursor:not-allowed}.advanced-controls-switch input:disabled{cursor:not-allowed}.scada-controls-card{background:var(--surface);border:1.5px solid var(--accent-border);border-radius:var(--r-lg);background:linear-gradient(180deg, var(--surface) 0%, #f59e0b05 100%);box-shadow:var(--shadow-sm);flex-direction:column;grid-column:1/-1;gap:0;padding:22px 24px;animation:.4s both fadeInUp;display:flex}.scada-controls-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.scada-controls-header h4{color:var(--accent-dark);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:700}.scada-controls-icon{font-size:16px}.scada-controls-desc{color:var(--text-muted);margin-bottom:20px;font-size:12px}.scada-controls-body{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.scada-control-group{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:8px;padding:16px;display:flex}.scada-control-group label{color:var(--text-h);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.scada-control-input-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.scada-control-input-row select,.scada-control-input-row input{font-family:var(--sans);border-radius:var(--r-sm);border:1.5px solid var(--border);background:var(--surface);color:var(--text-h);transition:border-color var(--t-fast);outline:none;flex:1;padding:7px 10px;font-size:13px}.scada-control-input-row select:focus,.scada-control-input-row input:focus{border-color:var(--accent)}.scada-write-btn{background:var(--surface);border:1.5px solid var(--accent);color:var(--accent-dark);font-family:var(--sans);border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;padding:7px 14px;font-size:12px;font-weight:700}.scada-write-btn:hover:not(:disabled){background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.scada-write-btn:disabled{opacity:.5;cursor:not-allowed}.scada-write-btn.danger{border-color:var(--red);color:var(--red)}.scada-write-btn.danger:hover:not(:disabled){background:var(--red);color:#fff}.scada-write-btn.success{border-color:var(--green);color:var(--green)}.scada-write-btn.success:hover:not(:disabled){background:var(--green);color:#fff}.breaker-state-indicator{border-radius:var(--r-sm);text-align:center;flex:1;padding:6px 10px;font-size:12px;font-weight:700}.breaker-state-indicator.closed{background:var(--green-light);color:#065f46;border:1px solid #10b98133}.breaker-state-indicator.open{background:var(--red-light);color:#991b1b;border:1px solid #ef444433}.scada-command-status{border-radius:var(--r-md);align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:12px;font-weight:600;animation:.2s both fadeIn;display:flex}.scada-command-status.pending{background:var(--blue-light);color:#1e40af;border-left:3px solid var(--blue)}.scada-command-status.success{background:var(--green-light);color:#065f46;border-left:3px solid var(--green)}.spinner{border:2px solid #1e40af40;border-top-color:#1e40af;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.sld-container{border:1.5px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);background:#fff;grid-column:1/-1;padding:24px;overflow:hidden}.sld-canvas-wrapper{background:#fff;grid-template-columns:3fr 1.6fr;align-items:center;gap:24px;display:grid}.sld-svg{background:var(--sld-canvas-bg,#fff);border-radius:var(--r-md);border:1px solid var(--border);width:100%;height:auto;padding:10px}.sld-node{cursor:pointer}.sld-node rect,.sld-node polygon,.sld-node circle{transition:fill var(--t-fast), stroke var(--t-fast), filter var(--t-fast)}.sld-node:hover rect,.sld-node:hover polygon,.sld-node--hovered rect,.sld-node--hovered polygon{stroke:var(--accent)!important;fill:var(--accent-bg)!important}.sld-node text{transition:fill var(--t-fast);-webkit-user-select:none;user-select:none}.sld-info-panel{background:var(--surface-2);border-radius:var(--r-md);border:1.5px dashed var(--border);flex-direction:column;justify-content:center;min-height:200px;padding:20px;display:flex}.sld-info-tip{color:var(--text-muted);text-align:center;font-size:13px;line-height:1.6}.sld-info-card{animation:.25s both fadeIn}.sld-info-card h5{color:var(--accent-dark);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:6px;font-size:13px;font-weight:700}.sld-info-row{border-bottom:1px solid #e2e8f066;justify-content:space-between;align-items:center;padding:6px 0;font-size:12.5px;display:flex}.sld-info-row:last-child{border-bottom:none}.sld-info-row span{color:var(--text-muted)}.sld-info-row strong{color:var(--text-h);font-weight:600}@media (width<=992px){.sld-canvas-wrapper{grid-template-columns:1fr}.sld-info-panel{min-height:auto}}.plant-section--collapsed{cursor:pointer;background:var(--surface);border:1.5px solid var(--border);transition:transform var(--t-fast), box-shadow var(--t-fast), background var(--t-fast), border-color var(--t-fast);padding:16px 24px}.plant-section--collapsed:hover{box-shadow:var(--shadow);border-color:var(--accent-border);background:linear-gradient(180deg, var(--surface) 60%, #f59e0b03 100%);transform:translateY(-2px)}.plant-collapsed-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.plant-collapsed-left h3{color:var(--text-h);margin-bottom:2px;font-size:15px;font-weight:700}.plant-collapsed-kpis{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.plant-expand-arrow{color:var(--accent-dark);background:var(--accent-bg);border-radius:var(--r-md);border:1.5px solid var(--accent-border);text-transform:uppercase;letter-spacing:.5px;transition:all var(--t-fast);padding:5px 12px;font-size:10px;font-weight:700}.plant-section--collapsed:hover .plant-expand-arrow{background:var(--accent);color:#fff;border-color:var(--accent)}.plant-collapse-btn{border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);font-family:var(--sans);cursor:pointer;transition:all var(--t-fast);text-transform:uppercase;letter-spacing:.5px;outline:none;margin-left:12px;padding:5px 12px;font-size:10px;font-weight:700}.plant-collapse-btn:hover{border-color:var(--accent);color:var(--accent-dark);background:var(--accent-bg)}@media (width<=768px){.plant-collapsed-info{flex-direction:column;align-items:flex-start;gap:12px}.plant-collapsed-kpis{justify-content:space-between;width:100%}.plant-expand-arrow{text-align:center;width:100%}}.sld-container--custom{border:1.5px solid var(--border);background:#fff;padding:24px}.sld-svg-container{width:100%;overflow:auto}.sld-svg--custom{min-width:760px;height:auto}.sld-info-panel--detailed{border-style:solid;position:relative}.sld-info-close-btn{border:1px solid var(--border);color:var(--text-muted);font-family:var(--sans);border-radius:var(--r-sm);cursor:pointer;transition:all var(--t-fast);text-transform:uppercase;letter-spacing:.5px;background:0 0;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:10px;right:12px}.sld-info-close-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.sld-node--selected rect,.sld-node--selected polygon{filter:drop-shadow(0 2px 8px #f59e0b33);stroke:var(--accent)!important;fill:var(--accent-bg)!important}.sld-node--selected circle{stroke:var(--accent)!important}.sld-active-flow-line{filter:drop-shadow(0 0 3px #10b98173)}.sld-node:hover rect,.sld-node:hover polygon,.sld-node:hover circle{filter:drop-shadow(0 0 6px #f59e0b73);stroke:var(--accent)!important}@keyframes settingsBarSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.plant-section--collapsed{cursor:pointer}.plant-section--collapsed:hover{box-shadow:var(--shadow), 0 0 0 1px #f59e0b1f;transform:translateY(-2px)}.plant-expand-arrow{color:var(--text-muted);transition:color var(--t-fast), transform var(--t-fast);white-space:nowrap;font-size:11px;font-weight:600}.plant-section--collapsed:hover .plant-expand-arrow{color:var(--accent-dark)}.plant-section--expanded{transition:box-shadow .25s}.dashboard-settings-bar{animation:.4s cubic-bezier(.22,1,.36,1) .25s both settingsBarSlide}.dashboard-user{color:var(--text-h);background:var(--surface-2);border-radius:var(--r-full);border:1px solid var(--border);padding:5px 12px;font-size:12.5px;font-weight:600;position:relative;overflow:hidden}.empty-note{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 0;font-size:14px;display:flex}.reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(16px)}.reveal.is-visible{opacity:1;transform:none}.dark-theme .auth-card,.dark-theme .select-card{border-color:#f59e0b33;box-shadow:0 32px 80px #000c,inset 0 0 0 1px #ffffff0a}.dark-theme .kpi-card{background:linear-gradient(145deg, var(--surface) 0%, var(--surface-2) 100%)}.dark-theme .auth-page,.dark-theme .select-page{background:0 0}.dark-theme .auth-card,.dark-theme .select-card{background:#121828e0;border-color:#f59e0b33;box-shadow:0 32px 80px #0009,inset 0 0 0 1px #ffffff0a}.dark-theme .auth-card input{color:#fff;background:#ffffff0f;border-color:#ffffff1a}.dark-theme .auth-card input:focus{border-color:var(--accent);background:#ffffff17}.dark-theme .auth-card input::placeholder{color:#ffffff40}.dark-theme .auth-input-icon{color:#ffffff4d}.dark-theme .select-option-btn{color:#fff;background:#ffffff0a;border-color:#ffffff14}.dark-theme .select-option-btn:hover{border-color:var(--accent);background:#f59e0b12}.dark-theme .select-logout{color:#ffffff73;border-color:#ffffff1a}.dark-theme .select-logout:hover{background:#ef44441a}.trends-chart-container{-webkit-backdrop-filter:blur(20px);transition:border-color .25s,box-shadow .25s;overflow:hidden;background:#ffffffad!important;border:1px solid #ffffffa6!important;border-radius:16px!important;box-shadow:0 10px 25px -4px #0000002e,0 4px 10px -2px #00000014!important}.trends-chart-container:hover{border-color:#0284c759!important;box-shadow:0 16px 36px -4px #00000038,0 6px 16px -2px #0000001f!important}.trends-chart-header{-webkit-backdrop-filter:blur(16px);background:#fff3!important;border-bottom:1px solid #ffffff80!important;padding:14px 20px!important}.trends-chart-header h2{color:var(--text-h,#0f172a);font-family:Outfit,sans-serif!important}.chart-toggles{-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 4px #0000000a;background:#fff6!important;border:1px solid #fff9!important;border-radius:10px!important;padding:3px!important}.chart-toggles button{color:#64748b;border-radius:7px;transition:all .2s cubic-bezier(.16,1,.3,1)}.chart-toggles button:hover{color:#0f172a}.chart-toggles button.active,.chart-period-btn.active{box-shadow:0 2px 6px #00000014;color:#0f172a!important;background:#ffffffe6!important}.trend-nav-button{-webkit-backdrop-filter:blur(10px);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 4px #0000000a;color:#334155!important;background:#ffffff73!important;border:1px solid #fff9!important}.trend-nav-button:hover{color:#0f172a!important;background:#ffffffd9!important;border-color:#ffffffe6!important}.trend-period-label{color:#0f172a;text-align:center;-webkit-user-select:none;user-select:none;letter-spacing:.2px;min-width:120px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:700}.trend-date-input-wrapper{-webkit-backdrop-filter:blur(10px);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:4px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 1px 4px #0000000a;background:#ffffff73!important;border:1px solid #fff9!important}.trend-date-input-wrapper:hover{background:#fffc!important;border-color:#0284c7!important}.trend-date-input-wrapper svg{flex-shrink:0}.trend-date-input{font-family:var(--sans);cursor:pointer;background:0 0;border:none;outline:none;width:100px;padding:0;font-size:12.5px;font-weight:600;color:#0f172a!important}.trend-date-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.trend-date-input[type=number]{width:60px}.trend-now-button{-webkit-backdrop-filter:blur(8px);cursor:pointer;border-radius:8px;outline:none;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);color:#0284c7!important;background:#0284c71f!important;border:1px solid #0284c74d!important}.trend-now-button:hover{box-shadow:0 2px 10px #0284c759;color:#fff!important;background:#0284c7!important;border-color:#0284c7!important}.trend-now-button:active{transform:scale(.96)}.trend-plant-select,.trends-chart-header select{-webkit-backdrop-filter:blur(10px);cursor:pointer;border-radius:8px;outline:none;padding:5px 12px;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 1px 4px #0000000a;color:#0f172a!important;background:#ffffff73!important;border:1px solid #fff9!important}.trend-plant-select:hover,.trends-chart-header select:hover{background:#fffc!important;border-color:#0284c766!important}.dashboard-user-badge{background:var(--surface-2);border-radius:var(--r-full);border:1px solid var(--border);box-sizing:border-box;flex-shrink:0;align-items:center;gap:7px;max-width:195px;height:38px;min-height:38px;padding:0 11px;display:flex}.dashboard-user-name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;max-width:95px;font-size:12.5px;font-weight:700;overflow:hidden}.dashboard-user-role{border-radius:var(--r-sm);letter-spacing:.5px;text-transform:uppercase;flex-shrink:0;padding:2.5px 7px;font-size:9.5px;font-weight:800}.header-role-admin{color:#8b5cf6;background:#8b5cf62e;border:1px solid #8b5cf659}.header-role-engineer{color:#3b82f6;background:#3b82f62e;border:1px solid #3b82f659}.header-role-technician{color:#f59e0b;background:#f59e0b2e;border:1px solid #f59e0b59}.header-role-viewer{color:#94a3b8;background:#64748b2e;border:1px solid #64748b59}.dashboard-user-badge.clickable-user-badge{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border);background:var(--surface-2);transition:all .2s cubic-bezier(.4,0,.2,1)}.dashboard-user-badge.clickable-user-badge:hover{background:var(--surface-3);border-color:#3b82f680;transform:translateY(-1px);box-shadow:0 0 10px #3b82f633}.badge-change-key{opacity:.65;align-items:center;font-size:11px;transition:opacity .2s,transform .2s;display:inline-flex}.dashboard-user-badge.clickable-user-badge:hover .badge-change-key{opacity:1;transform:scale(1.15)rotate(-10deg)}.dual-password-info-banner{border-radius:var(--r-md,8px);background:#3b82f614;border:1px solid #3b82f640;align-items:flex-start;gap:12px;margin-bottom:20px;padding:12px 14px;display:flex}.dual-password-info-banner .info-banner-icon{flex-shrink:0;font-size:16px;line-height:1.4}.dual-password-info-banner .info-banner-text strong{color:#60a5fa;margin-bottom:3px;font-size:12.5px;font-weight:700;display:block}.dual-password-info-banner .info-banner-text p{color:var(--text-muted);margin:0;font-size:11.5px;line-height:1.5}.header-admin-link{color:#a78bfa;border-radius:var(--r-md);transition:all var(--t-fast);background:#8b5cf61f;border:1px solid #8b5cf64d;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.header-admin-link:hover{color:#c4b5fd;background:#8b5cf638;border-color:#8b5cf6;transform:translateY(-1px)}.role-badge{border-radius:var(--r-sm);letter-spacing:.3px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.role-badge-admin{color:#6d28d9;background:#ede9fe;border:1px solid #ddd6fe}.role-badge-engineer{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.role-badge-technician{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.role-badge-viewer{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.dark-theme .role-badge-admin{color:#c4b5fd;background:#8b5cf638;border:1px solid #8b5cf666}.dark-theme .role-badge-engineer{color:#93c5fd;background:#3b82f638;border:1px solid #3b82f666}.dark-theme .role-badge-technician{color:#fde047;background:#f59e0b38;border:1px solid #f59e0b66}.dark-theme .role-badge-viewer{color:#e2e8f0;background:#94a3b838;border:1px solid #94a3b866}.select-role-chip{border-radius:var(--r-sm);letter-spacing:.4px;padding:2px 7px;font-size:10px;font-weight:800}.select-option-admin{border-left:3px solid #8b5cf6!important}.select-option-admin .admin-icon{color:#a78bfa}.quick-roles-section{border-top:1px solid var(--border);width:100%;margin-top:18px;padding-top:14px}.quick-roles-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;text-align:center;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.quick-roles-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.quick-role-btn{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-h);cursor:pointer;transition:all var(--t-fast);text-align:center;font-size:11px;font-weight:700;font-family:var(--sans);padding:6px 4px}.quick-role-btn:hover{transform:translateY(-1px)}.quick-role-btn.admin:hover{color:#c4b5fd;background:#8b5cf626;border-color:#8b5cf6}.quick-role-btn.engineer:hover{color:#93c5fd;background:#3b82f626;border-color:#3b82f6}.quick-role-btn.technician:hover{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b}.quick-role-btn.viewer:hover{color:#e2e8f0;background:#64748b26;border-color:#64748b}.scada-permission-banner{color:#fbbf24;border-radius:var(--r-md);background:#f59e0b1f;border:1px solid #f59e0b59;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;font-size:12px;display:flex}.scada-permission-banner .banner-icon{flex-shrink:0;font-size:18px}.control-label-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.req-perm-tag{color:#f87171;border-radius:var(--r-sm);background:#ef44441a;border:1px solid #ef444440;padding:2px 6px;font-size:10px;font-weight:700}.control-disabled{opacity:.55;filter:grayscale(.2)}.control-role-badge{border-radius:var(--r-sm);letter-spacing:.5px;padding:3px 8px;font-size:10px;font-weight:800}.control-role-badge.role-admin{color:#a78bfa;background:#8b5cf62e}.control-role-badge.role-engineer{color:#60a5fa;background:#3b82f62e}.control-role-badge.role-technician{color:#fbbf24;background:#f59e0b2e}.control-role-badge.role-viewer{color:#cbd5e1;background:#64748b2e}.admin-page-container{z-index:1;flex-direction:column;gap:24px;max-width:1300px;min-height:100vh;margin:0 auto;padding:32px 24px 60px;animation:.3s fadeIn;display:flex;position:relative}.admin-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.admin-header-left{flex-direction:column;gap:8px;display:flex}.admin-back-btn{color:var(--text-muted);transition:color var(--t-fast);align-items:center;gap:6px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.admin-back-btn:hover{color:var(--accent-dark)}.admin-title-wrap h1{color:var(--text-h);letter-spacing:-.5px;margin:0;font-size:24px;font-weight:800}.admin-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:13px}.admin-header-actions{align-items:center;gap:12px;display:flex}.btn-create-user{color:#fff;border-radius:var(--r-md);font-family:var(--sans);cursor:pointer;transition:all var(--t-fast);background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #8b5cf659}.btn-create-user:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf673}.admin-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.admin-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:20px;display:flex}.stat-card-header{justify-content:space-between;align-items:center;display:flex}.stat-card-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:12px;font-weight:700}.stat-card-icon{font-size:20px}.stat-card-value{color:var(--text-h);letter-spacing:-.5px;font-size:28px;font-weight:800}.stat-card-sub{color:var(--text-muted);font-size:12px}.role-distribution-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.role-chip{border-radius:var(--r-sm);align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.role-chip.admin{color:#6d28d9;background:#ede9fe;border:1px solid #ddd6fe}.role-chip.engineer{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.role-chip.technician{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.role-chip.viewer{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.dark-theme .role-chip.admin{color:#c4b5fd;background:#8b5cf638;border:1px solid #8b5cf666}.dark-theme .role-chip.engineer{color:#93c5fd;background:#3b82f638;border:1px solid #3b82f666}.dark-theme .role-chip.technician{color:#fde047;background:#f59e0b38;border:1px solid #f59e0b66}.dark-theme .role-chip.viewer{color:#e2e8f0;background:#94a3b838;border:1px solid #94a3b866}.admin-tabs-nav{border-bottom:1px solid var(--border);gap:8px;padding-bottom:2px;display:flex}.admin-tab-btn{color:var(--text-muted);font-family:var(--sans);cursor:pointer;transition:all var(--t-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex}.admin-tab-btn:hover{color:var(--text-h)}.admin-tab-btn.active{color:#8b5cf6;border-bottom-color:#8b5cf6}.admin-content-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.admin-filter-bar{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.search-input-wrap{flex:1;min-width:260px;position:relative}.search-input-wrap .search-icon{opacity:.6;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-search-input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text-h);font-family:var(--sans);transition:border-color var(--t-fast);outline:none;padding:8px 32px 8px 34px;font-size:13px}.admin-search-input:focus{border-color:#8b5cf6}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.filter-group{align-items:center;gap:8px;display:flex}.filter-group label{color:var(--text-muted);font-size:12px;font-weight:700}.admin-filter-select{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text-h);font-family:var(--sans);outline:none;padding:7px 12px;font-size:12px;font-weight:600}.admin-filter-select:focus{border-color:#8b5cf6}.admin-table-wrap{overflow-x:auto}.admin-users-table{border-collapse:collapse;text-align:left;width:100%}.admin-users-table th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);padding:12px 20px;font-size:11px;font-weight:800}.admin-users-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 20px;font-size:13px}.admin-users-table tr:hover{background:#8b5cf605}.admin-users-table tr.row-inactive{opacity:.6}.user-profile-cell{align-items:center;gap:12px;display:flex}.user-avatar-circle{border-radius:var(--r-full);color:#fff;background:linear-gradient(135deg,#8b5cf6,#3b82f6);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:flex}.user-name-row{align-items:center;gap:6px;display:flex}.user-username{color:var(--text-h);font-weight:700}.current-user-tag{border-radius:var(--r-sm);color:#10b981;text-transform:uppercase;background:#10b98133;padding:1px 5px;font-size:9px;font-weight:800}.user-fullname{color:var(--text);font-size:12px;display:block}.user-email{color:var(--text-muted);font-size:11px;display:block}.permission-badges-list{flex-wrap:wrap;gap:4px;display:flex}.perm-tag{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text-h);padding:3px 8px;font-size:10px;font-weight:700}.dark-theme .perm-tag{color:#e2e8f0;background:#ffffff0f;border-color:#ffffff1f}.status-toggle-btn{border-radius:var(--r-full);cursor:pointer;transition:all var(--t-fast);font-size:11px;font-weight:700;font-family:var(--sans);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.status-toggle-btn .status-dot{border-radius:50%;width:7px;height:7px}.status-toggle-btn.active{color:#10b981;background:#10b98126;border-color:#10b9814d}.status-toggle-btn.active .status-dot{background:#10b981;box-shadow:0 0 6px #10b98199}.status-toggle-btn.inactive{color:#f87171;background:#ef444426;border-color:#ef44444d}.status-toggle-btn.inactive .status-dot{background:#f87171}.last-login-text{color:var(--text-muted);font-size:12px}.table-actions-cell{justify-content:flex-end;align-items:center;gap:6px;display:flex}.btn-action-icon{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);cursor:pointer;width:32px;height:32px;transition:all var(--t-fast);justify-content:center;align-items:center;font-size:14px;display:flex}.btn-action-icon:hover{background:var(--surface-2);border-color:#8b5cf6;transform:translateY(-1px)}.btn-action-delete:hover{background:#ef444426!important;border-color:#ef4444!important}.table-empty-state{text-align:center;padding:40px!important}.audit-log-header{border-bottom:1px solid var(--border);padding:20px 24px 12px}.audit-log-header h3{color:var(--text-h);margin:0;font-size:16px;font-weight:700}.audit-log-header p{color:var(--text-muted);margin:4px 0 0;font-size:12px}.audit-log-list{flex-direction:column;gap:10px;padding:12px 24px;display:flex}.audit-log-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);align-items:flex-start;gap:14px;padding:12px 16px;display:flex}.audit-log-icon{padding-top:2px;font-size:20px}.audit-log-content{flex:1}.audit-log-top{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.audit-action-tag{border-radius:var(--r-sm);color:#a78bfa;background:#8b5cf626;padding:2px 6px;font-size:10px;font-weight:800}.audit-actor{color:var(--text);font-size:12px}.audit-target code{background:var(--surface);border-radius:var(--r-sm);color:#f59e0b;padding:2px 6px;font-size:11px}.audit-timestamp{color:var(--text-muted);margin-left:auto;font-size:11px}.audit-details{color:var(--text-muted);margin:0;font-size:12px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);width:100%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 20px 60px #0006}.user-modal-dialog{max-width:620px}.reset-pwd-dialog{max-width:480px}.modal-header{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:22px 24px;display:flex;position:relative}.modal-header-icon{border-radius:var(--r-lg);color:#a78bfa;background:#8b5cf626;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.modal-header-icon.warning-icon{color:#fbbf24;background:#f59e0b26}.modal-subtitle{color:var(--text-muted);margin:3px 0 0;font-size:12px}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;font-size:16px}.modal-alert-error{color:#f87171;border-radius:var(--r-md);background:#ef44441f;border:1px solid #ef44444d;align-items:center;gap:8px;margin:16px 24px 0;padding:10px 14px;font-size:12px;display:flex}.modal-form{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.required-star{color:#ef4444}.form-control{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--text-h);font-family:var(--sans);transition:border-color var(--t-fast);outline:none;padding:9px 12px;font-size:13px}.form-control:focus{border-color:#8b5cf6}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-input-wrapper input{width:100%}.password-toggle-btn{cursor:pointer;border-radius:var(--r-sm);width:32px;height:32px;transition:color var(--t-fast), background-color var(--t-fast);z-index:2;justify-content:center;align-items:center;margin:0;line-height:1;display:inline-flex;position:absolute;top:50%;right:10px;box-shadow:none!important;color:var(--text-muted)!important;background:0 0!important;border:none!important;padding:0!important;transform:translateY(-50%)!important}.password-toggle-btn:hover{color:var(--text-h)!important;box-shadow:none!important;background:#7d7d7d24!important;transform:translateY(-50%)!important}.password-toggle-btn:active{box-shadow:none!important;background:#7d7d7d38!important;transform:translateY(-50%)!important}.password-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px;transform:translateY(-50%)!important}.password-toggle-btn svg{flex-shrink:0;width:16px;height:16px;display:block;animation:none!important;transform:none!important}.dark-theme .password-toggle-btn{color:#ffffff73!important}.dark-theme .password-toggle-btn:hover{color:#fff!important;background:#ffffff1f!important}.dark-theme .password-toggle-btn:active{background:#ffffff2e!important}.permissions-section{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px}.permissions-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-h);font-size:12px;font-weight:700}.permission-note{color:var(--text-muted);font-size:11px}.permissions-grid{flex-direction:column;gap:8px;display:flex}.permission-toggle-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);align-items:flex-start;gap:10px;padding:8px 12px;display:flex}.permission-toggle-card:hover{border-color:#8b5cf6}.permission-toggle-card input[type=checkbox]{cursor:pointer;accent-color:#8b5cf6;margin-top:3px}.permission-card-info{flex-direction:column;gap:2px;display:flex}.permission-title{color:var(--text-h);font-size:12px;font-weight:700}.permission-desc{color:var(--text-muted);font-size:11px}.status-row{margin-top:4px}.status-radio-group{gap:12px;display:flex}.radio-pill{border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);cursor:pointer;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.radio-pill.active{color:#10b981;background:#10b9811a;border-color:#10b981}.radio-pill.inactive{color:#f87171;background:#ef44441a;border-color:#ef4444}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:10px;padding-top:14px;display:flex}.btn-secondary{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text);font-family:var(--sans);cursor:pointer;padding:8px 16px;font-size:13px;font-weight:600}.btn-secondary:hover{background:var(--surface-3);color:var(--text-h)}.btn-primary{border-radius:var(--r-md);color:#fff;font-family:var(--sans);cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;padding:8px 20px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.btn-primary.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.label-with-action{justify-content:space-between;align-items:center;display:flex}.btn-link-action{color:#8b5cf6;cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:700}.btn-link-action:hover{text-decoration:underline}.input-action-group{align-items:stretch;gap:8px;display:flex}.input-action-group input,.input-action-group .password-input-wrapper{flex:1}.btn-copy{border:1px solid var(--border);background:var(--surface-2);color:var(--text-h);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;transition:all var(--t-fast);justify-content:center;align-items:center;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.btn-copy:hover{color:#8b5cf6;background:#8b5cf626;border-color:#8b5cf6}.modal-info-box{background:var(--surface-2);border-radius:var(--r-md);border:1px solid var(--border);color:var(--text-muted);gap:10px;padding:10px 14px;font-size:12px;line-height:1.5;display:flex}.toast-banner{border-radius:var(--r-lg);z-index:2000;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:700;animation:.3s slideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #0000004d}.toast-success{color:#fff;background:#065f46;border:1px solid #10b981}.toast-error{color:#fff;background:#991b1b;border:1px solid #ef4444}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.scada-config-form{flex-direction:column;gap:20px;padding:24px;display:flex}.scada-info-alert{border-radius:var(--r-md);color:var(--text);background:#3b82f61a;border:1px solid #3b82f64d;align-items:flex-start;gap:12px;padding:14px 18px;font-size:13px;line-height:1.5;display:flex}.scada-info-alert span{font-size:18px}.scada-config-status-row{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.scada-status-indicator{color:var(--text-h);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.status-pill{border-radius:var(--r-full);align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-pill.active{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.status-pill.active .status-dot{background:#10b981;box-shadow:0 0 6px #10b98199}.status-pill.inactive{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.status-pill.inactive .status-dot{background:#fbbf24}.scada-last-sync{color:var(--text-muted);font-size:11px;font-weight:400}.spotlight-card{--mouse-x:50%;--mouse-y:50%;position:relative;overflow:hidden}.spotlight-overlay{pointer-events:none;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y), #3b82f617, transparent 70%);opacity:0;z-index:1;transition:opacity .3s;position:absolute;inset:0}.spotlight-card:hover .spotlight-overlay{opacity:1}.dark-theme .spotlight-overlay{background:radial-gradient(450px circle at var(--mouse-x) var(--mouse-y), #60a5fa24, transparent 65%)}.header-export-btn{color:#10b981;cursor:pointer;height:38px;min-height:38px;transition:all var(--t-fast);background:#10b9811f;border:1px solid #10b9814d;border-radius:9px;align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:700;display:inline-flex}.header-export-btn:hover{color:#34d399;background:#10b98138;border-color:#10b981;transform:translateY(-1px)}.solar-weather-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px;animation:.3s fadeIn;display:flex}.solar-weather-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.widget-tag{text-transform:uppercase;letter-spacing:.8px;color:var(--accent);font-size:10px;font-weight:800}.widget-title{color:var(--text-h);margin-top:2px;font-size:16px;font-weight:800}.solar-status-pill{border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.solar-arc-viewport{border-radius:var(--r-md);border:1px solid var(--border);background:radial-gradient(at 50% 100%,#f59e0b14 0%,#0000 70%);width:100%;height:140px;position:relative;overflow:hidden}.solar-arc-svg{width:100%;height:100%}.animated-sun-orb{z-index:5;justify-content:center;align-items:center;width:28px;height:28px;transition:all .8s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;transform:translate(-50%,-50%)}.sun-core{background:#f59e0b;border-radius:50%;width:16px;height:16px;box-shadow:0 0 16px #fbbf24,0 0 30px #f59e0bcc}.sun-ray-pulse{border:1.5px solid #fbbf2499;border-radius:50%;width:28px;height:28px;animation:2s ease-out infinite sunPulse;position:absolute}@keyframes sunPulse{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}.horizon-label{color:var(--text-muted);font-size:10px;font-weight:700;position:absolute;bottom:8px}.horizon-label.east{left:16px}.horizon-label.zenith{left:50%;transform:translate(-50%)}.horizon-label.west{right:16px}.solar-weather-metrics{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.weather-metric-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;gap:4px;padding:14px;display:flex}.weather-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.weather-metric-val{color:var(--text-h);font-size:20px;font-weight:800;font-family:var(--mono)}.weather-metric-sub{color:var(--text-muted);font-size:11px}.sld-flow-status-pill{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);color:var(--text-h);box-shadow:var(--shadow-xs);z-index:2;white-space:nowrap;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex;position:relative}.dot-pulsing{animation:1.5s infinite radarPulse}@keyframes radarPulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.sld-active-flow-line{filter:drop-shadow(0 0 2px #10b98173);stroke-dasharray:none!important;animation:none!important}.sld-idle-flow-line{filter:drop-shadow(0 0 2px #f59e0b73);opacity:.95;stroke-dasharray:none!important;animation:none!important}.sld-offline-static-line{opacity:.95;filter:drop-shadow(0 0 2px #ef444466);stroke:#ef4444!important;stroke-dasharray:none!important;animation:none!important}@keyframes sldArrowFlowUp{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@keyframes sldArrowFlowDown{0%{opacity:0;transform:translateY(-8px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(8px)}}@keyframes sldArrowFlowRight{0%{opacity:0;transform:translate(-12px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(12px)}}@keyframes sldArrowFlowLeft{0%{opacity:0;transform:translate(12px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-12px)}}.sld-flow-arrow-up{transform-box:fill-box;transform-origin:50%;animation:1.2s linear infinite sldArrowFlowUp}.sld-flow-arrow-down{transform-box:fill-box;transform-origin:50%;animation:1.2s linear infinite sldArrowFlowDown}.sld-flow-arrow-right{transform-box:fill-box;transform-origin:50%;animation:1.2s linear infinite sldArrowFlowRight}.sld-flow-arrow-left{transform-box:fill-box;transform-origin:50%;animation:1.2s linear infinite sldArrowFlowLeft}.sld-svg--offline line,.sld-svg--offline polyline,.sld-svg--offline path{stroke:#ef4444!important}.sld-svg--offline polygon{fill:#ef4444!important;stroke:#ef4444!important}.sld-svg--offline circle,.sld-svg--offline rect{stroke:#ef4444!important}.export-modal{max-width:540px}.format-selector-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}.format-card-btn{background:var(--surface-2);border:2px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.format-card-btn:hover{border-color:var(--accent)}.format-card-btn.active{border-color:var(--accent);background:#3b82f614}.format-badge{color:#fff;border-radius:var(--r-sm);background:#10b981;padding:2px 6px;font-size:10px;font-weight:800}.format-badge.json{background:#8b5cf6}.format-title{color:var(--text-h);font-size:13px;font-weight:700}.format-desc{color:var(--text-muted);font-size:11px}.export-options-list{flex-direction:column;gap:8px;margin-top:6px;display:flex}.export-progress-wrap{flex-direction:column;gap:6px;margin-top:16px;display:flex}.export-progress-bar{background:var(--surface-2);border-radius:var(--r-full);border:1px solid var(--border);width:100%;height:8px;overflow:hidden}.export-progress-fill{background:linear-gradient(90deg,#3b82f6,#10b981);height:100%;transition:width .3s}.export-progress-text{color:var(--text-muted);text-align:center;font-size:12px;font-weight:600}.plant-section--modern{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);border-top:4px solid var(--green);transition:transform var(--t-fast), box-shadow var(--t-fast), border-color var(--t-fast);animation:.35s both fadeInUp;position:relative;overflow:hidden}.plant-section--modern:hover{box-shadow:var(--shadow);border-color:#10b98166;transform:translateY(-2px)}.plant-section--offline{border-top-color:var(--red)}.plant-section-main-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.plant-info-group{align-items:center;min-width:220px;display:flex}.plant-title-wrapper{align-items:center;gap:12px;display:flex}.plant-icon-glyph{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.plant-title-text h3{color:var(--text-h);letter-spacing:-.2px;cursor:pointer;transition:color var(--t-fast);margin:0 0 4px;font-size:16px;font-weight:800}.plant-clickable-title:hover{color:var(--green)}.plant-meta-tags{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.plant-spec-badge{color:var(--text);font-weight:600}.plant-mode-badge{background:var(--surface-2);border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);border:1px solid var(--border);padding:1px 6px;font-size:11px;font-weight:600}.plant-metrics-strip{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:24px;padding:0 12px;display:flex}.plant-kpi-block{flex-direction:column;align-items:flex-end;min-width:80px;display:flex}.plant-kpi-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:2px;font-size:10px;font-weight:700}.plant-kpi-val{color:var(--text-h);font-size:15px;font-weight:700;font-family:var(--sans);white-space:nowrap}.plant-kpi-val small{color:var(--text-muted);margin-left:2px;font-size:11px;font-weight:600}.text-power{color:var(--text-h)}.text-weather{color:var(--accent-dark)}.text-accent{color:var(--text-h)}.text-critical{color:var(--red)!important}.text-ok{color:var(--green)!important}.font-bold{font-weight:800!important}.plant-action-group{align-items:center;gap:10px;display:flex}.btn-inspect-engineering{background:var(--surface-2);color:var(--text-h);border:1.5px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;font-size:12px;font-weight:700;font-family:var(--sans);align-items:center;gap:6px;padding:7px 14px;display:inline-flex}.btn-inspect-engineering:hover{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 2px 10px #10b9814d}.btn-quick-preview-toggle{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;font-size:11px;font-weight:600;font-family:var(--sans);background:0 0;padding:7px 10px}.btn-quick-preview-toggle:hover{background:var(--surface-2);color:var(--text-h)}.plant-inline-expanded-container{border-top:1px solid var(--border);background:var(--surface);animation:.2s both fadeIn}.plant-inline-tabs{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:6px;padding:10px 24px 0;display:flex;overflow-x:auto}.plant-inline-tab{color:var(--text-muted);cursor:pointer;border-radius:var(--r-sm) var(--r-sm) 0 0;transition:all var(--t-fast);white-space:nowrap;background:0 0;border:none;padding:8px 14px;font-size:12px;font-weight:600}.plant-inline-tab:hover{color:var(--text-h)}.plant-inline-tab--active{background:var(--surface);color:var(--green);border-top:2px solid var(--green);font-weight:700}.plant-meta-heartbeat{color:var(--text-muted);margin-left:auto;padding-bottom:6px;font-size:11px}.plant-inline-content{padding:20px 24px}.plant-header-nav-card{background:var(--surface,#fffffff0);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--r-xl);transition:all var(--t-normal);justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f}.plant-header-nav-card .plant-header-top-line{width:100%}.plant-detail-header-card{background:var(--surface,#fffffff0);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--border);border-top:4px solid var(--green);border-radius:var(--r-xl);transition:box-shadow var(--t-normal);flex-direction:column;gap:16px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000f}.plant-detail-hero-card{gap:0;padding:20px 28px}.plant-header-top-line,.plant-detail-title-row,.scada-telemetry-hud-strip,.scada-telemetry-pill-strip{z-index:1;position:relative}.plant-detail-breadcrumb{align-items:center;gap:8px;font-size:13px;display:flex}.eng-back-link{color:var(--green);transition:opacity var(--t-fast);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.eng-back-link:hover{opacity:.8;text-decoration:underline}.breadcrumb-separator{color:var(--text-muted);font-weight:600}.breadcrumb-current{color:var(--text-h);font-weight:700}.plant-detail-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.facility-type-badge{text-transform:uppercase;letter-spacing:.8px;color:#065f46;background:var(--green-light);border-radius:var(--r-sm);margin-bottom:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block}.plant-identity h2{color:var(--text-h);letter-spacing:-.4px;margin:0 0 6px;font-size:22px;font-weight:800}.plant-identity-meta{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.plant-identity-meta strong{color:var(--text-h);font-weight:750}.meta-dot{background:var(--border);border-radius:50%;width:4px;height:4px}.plant-detail-header-actions{align-items:center;gap:12px;display:flex}.plant-switcher-group{align-items:center;gap:6px;display:flex}.plant-select-label{color:var(--text-h);text-transform:uppercase;font-size:11px;font-weight:750}.plant-switcher-select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-h);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--sans);outline:none;padding:6px 12px}.plant-switcher-select:focus{border-color:var(--green)}.eng-refresh-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-h);cursor:pointer;transition:all var(--t-fast);padding:6px 12px;font-size:12px;font-weight:700}.eng-refresh-btn:hover{background:var(--surface-3);border-color:var(--text-muted)}.eng-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}@media (width<=1440px){.eng-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=960px){.eng-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.eng-kpi-grid{grid-template-columns:1fr}}.eng-kpi-card,.scada-kpi-card{background:var(--surface,#fffffff0);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--r-lg);transition:transform var(--t-fast), box-shadow var(--t-fast);flex-direction:column;gap:6px;padding:16px 18px;display:flex;position:relative;box-shadow:0 4px 18px #0000000f}.eng-kpi-card:hover,.scada-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000017}.eng-kpi-card--primary{border-left:3px solid var(--green)}.eng-kpi-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text);font-size:11px;font-weight:750}.eng-kpi-value{color:var(--text-h);letter-spacing:-.4px;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:24px;font-weight:800;display:flex}.eng-kpi-unit{color:var(--text);font-size:13px;font-weight:700}.eng-kpi-secondary{color:var(--text-muted,#64748b);letter-spacing:normal;white-space:nowrap;margin-left:4px;font-size:13px;font-weight:600}.eng-kpi-progress{background:var(--surface-2);border-radius:var(--r-full);width:100%;height:5px;margin:2px 0;overflow:hidden}.eng-kpi-progress-fill{background:linear-gradient(90deg, var(--green), #34d399);border-radius:var(--r-full);height:100%;transition:width .4s}.eng-kpi-sub-row{color:var(--text);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.eng-badge-pf{background:var(--surface-2);border-radius:var(--r-sm);color:var(--text-h);border:1px solid var(--border);align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.eng-pf-type{font-size:12px;font-weight:600}.eng-revenue-pill{color:var(--accent-dark);border-radius:var(--r-sm);letter-spacing:-.2px;background:#f59e0b1f;border:1px solid #f59e0b47;align-items:center;padding:3px 10px;font-size:14px;font-weight:800;display:inline-flex}.dark-theme .eng-revenue-pill{color:#fbbf24;background:#f59e0b2e;border-color:#f59e0b61}.eng-specific-yield{color:var(--text);font-size:11px;font-weight:600}.eng-kpi-footer{color:var(--text);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:4px;padding-top:6px;font-size:11.5px;font-weight:600;display:flex}.eng-kpi-footer strong{color:var(--text-h);font-weight:750}.eng-tabs-bar,.scada-tabs-bar{background:var(--surface,#fffffff2);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--border);border-radius:var(--r-xl);align-items:center;gap:8px;margin-top:20px;margin-bottom:20px;padding:8px 12px;display:flex;overflow-x:auto;box-shadow:0 4px 20px #0000000d,0 0 0 1px #10b98114;z-index:10!important;position:relative!important}.dark-theme .eng-tabs-bar,.dark-theme .scada-tabs-bar{box-shadow:0 8px 24px #00000073,0 0 0 1px #38bdf81f;-webkit-backdrop-filter:blur(12px)!important;background:#0d1527f2!important;border-color:#ffffff1f!important}.eng-tab-btn{border-radius:var(--r-md);color:var(--text);cursor:pointer;white-space:nowrap;transition:all var(--t-fast);font-size:13px;font-weight:700;font-family:var(--sans);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:9px 16px;display:inline-flex}.eng-tab-btn:hover{background:var(--surface-2);color:var(--text-h);border-color:var(--border)}.eng-tab-btn--active,.scada-tab-active{box-shadow:0 4px 14px #10b98159;color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border-color:#10b981!important;font-weight:800!important}.eng-tab-btn--active .eng-tab-icon,.scada-tab-active .eng-tab-icon{transform:scale(1.15)}.eng-tab-badge-alarm{color:#fff;border-radius:var(--r-full);background:#ef4444;padding:2px 7px;font-size:10.5px;font-weight:800;box-shadow:0 2px 6px #ef444466}.eng-tab-body{animation:.25s both fadeIn;z-index:5!important;position:relative!important}.eng-panel-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:20px;padding:24px;display:flex}.eng-section-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.eng-section-header h3{color:var(--text-h);margin:0 0 2px;font-size:16px;font-weight:800}.eng-section-header p{color:var(--text-muted);margin:0;font-size:12px}.eng-count-badge{background:var(--surface-2);border-radius:var(--r-full);color:var(--text-h);border:1px solid var(--border);padding:4px 10px;font-size:12px;font-weight:700}.eng-inverters-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.eng-inverter-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);transition:transform var(--t-fast), box-shadow var(--t-fast);border-top:3px solid var(--green);flex-direction:column;gap:10px;padding:16px;display:flex;position:relative}.eng-inverter-card--fault{border-top-color:var(--red)}.eng-inverter-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.eng-comm-badge{border-radius:var(--r-sm);text-transform:uppercase;padding:2px 6px;font-size:10px;font-weight:700}.badge-ok{background:var(--green-light);color:#065f46}.badge-warn{background:var(--red-light);color:#991b1b}.eng-status-dot{border-radius:50%;width:8px;height:8px}.dot-fault{background:var(--red)}.eng-inverter-main-power{background:var(--surface-2);border-radius:var(--r-md);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.eng-main-kpi{flex-direction:column;display:flex}.eng-kpi-sub{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.eng-kpi-val{color:var(--text-h);font-size:18px;font-weight:800}.eng-efficiency-pill{background:var(--green-light);color:#065f46;border-radius:var(--r-sm);padding:4px 8px;font-size:12px;font-weight:800}.eng-inverter-grid-specs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.eng-spec-item{flex-direction:column;font-size:11px;display:flex}.eng-spec-item span{color:var(--text-muted)}.eng-spec-item strong{color:var(--text-h);font-size:12px;font-weight:700}.eng-inverter-footer{color:var(--text-muted);border-top:1px solid var(--border);justify-content:space-between;padding-top:6px;font-size:11px;display:flex}.eng-chart-card{flex-direction:column;gap:16px;display:flex}.eng-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.eng-chart-header h4{color:var(--text-h);margin:0 0 2px;font-size:15px;font-weight:800}.eng-chart-sub{color:var(--text-muted);font-size:12px}.eng-chart-legend{color:var(--text);align-items:center;gap:14px;font-size:12px;font-weight:600;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.eng-chart-body{background:var(--surface-2);border-radius:var(--r-lg);border:1px solid var(--border);width:100%;height:260px;padding:12px}.eng-curve-svg{width:100%;height:100%}.eng-chart-footer{background:var(--surface-2);border-radius:var(--r-md);border:1px solid var(--border);flex-wrap:wrap;justify-content:space-around;align-items:center;gap:12px;padding:12px;display:flex}.chart-stat{color:var(--text-muted);flex-direction:column;align-items:center;font-size:11px;display:flex}.chart-stat strong{margin-top:2px;font-size:16px;font-weight:800}.raw-inspector-container{flex-direction:column;gap:16px;display:flex}.raw-inspector-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.raw-inspector-search{flex:1;max-width:480px;position:relative}.raw-search-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);width:100%;color:var(--text-h);font-size:13px;font-family:var(--sans);outline:none;padding:8px 12px 8px 34px}.raw-search-input:focus{border-color:var(--green)}.raw-inspector-search .search-icon{color:var(--text-muted);font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.clear-search-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.raw-inspector-actions{align-items:center;gap:10px;display:flex}.raw-meta-pill{color:var(--text-muted);background:var(--surface-2);border-radius:var(--r-sm);border:1px solid var(--border);padding:4px 8px;font-size:11px}.raw-meta-pill code{color:var(--text-h);font-weight:700}.raw-copy-btn{background:var(--green);color:#fff;border-radius:var(--r-md);cursor:pointer;transition:opacity var(--t-fast);border:none;padding:6px 14px;font-size:12px;font-weight:700}.raw-copy-btn:hover{opacity:.9}.raw-devices-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.raw-device-box{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.raw-device-header{background:var(--surface-3);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.raw-device-title{color:var(--text-h);font-size:13px;font-weight:800}.raw-device-tags{gap:6px;display:flex}.raw-tag{border-radius:var(--r-sm);padding:2px 6px;font-size:10px;font-weight:700}.tag-muted{background:var(--surface-2);color:var(--text-muted)}.raw-table-wrapper{max-height:280px;overflow-y:auto}.raw-registers-table{border-collapse:collapse;width:100%;font-size:12px}.raw-registers-table th{text-align:left;text-transform:uppercase;color:var(--text-muted);background:var(--surface-2);border-bottom:1px solid var(--border);padding:6px 12px;font-size:10px;font-weight:700}.raw-registers-table td{border-bottom:1px solid var(--border);color:var(--text);padding:6px 12px}.register-name code{color:#3b82f6;font-size:11px;font-weight:600}.register-value strong{color:var(--text-h)}.register-type{color:var(--text-muted);font-size:11px}@media (width<=900px){.plant-section-main-row{flex-direction:column;align-items:flex-start}.plant-metrics-strip{justify-content:space-between;width:100%;padding:0}.plant-action-group{justify-content:flex-end;width:100%}}.scada-engineering-view{border-radius:var(--r-xl);flex-direction:column;gap:18px;display:flex;position:relative}.scada-panel-glow{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);transition:all var(--t-normal);background:#fffffff0;position:relative;box-shadow:0 4px 20px #0000000a,0 0 0 1px #10b98114}.dark-theme .scada-panel-glow{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d1527e0}.plant-header-top-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.scada-hud-loading{color:var(--green);background:var(--surface-2);border-radius:var(--r-lg);justify-content:center;align-items:center;gap:12px;padding:36px;font-size:14px;font-weight:700;display:flex}.badge-radar-dot{background:var(--green);border-radius:50%;width:6px;height:6px;margin-right:4px;animation:1.5s infinite livePulse;display:inline-block;box-shadow:0 0 8px #10b981e6}.scada-pulse-status{font-weight:800;box-shadow:0 0 10px #10b98140}.scada-glow-button{background:linear-gradient(135deg, var(--surface-2), var(--surface-3));border:1.5px solid var(--border);box-shadow:0 2px 6px #0000000a}.scada-glow-button:hover{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 0 14px #10b98166}.scada-telemetry-pill-strip{border:1px solid var(--border);border-radius:var(--r-full);-webkit-backdrop-filter:blur(8px);background:#ffffffb8;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;padding:8px 18px;animation:.35s both scadaFadeIn;display:flex;box-shadow:0 2px 8px #00000005}.dark-theme .scada-telemetry-pill-strip{background:#0f172aa6;border-color:#ffffff14;box-shadow:0 2px 12px #0000004d}.telemetry-pill-item{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.pill-key{color:var(--text-muted);font-size:11.5px;font-weight:600}.telemetry-pill-item strong{font-size:12px;font-weight:700;font-family:var(--sans)}.pill-dot-sep{color:var(--border);-webkit-user-select:none;user-select:none;font-size:10px}.pill-beacon{border-radius:50%;width:7px;height:7px;margin-right:2px;display:inline-block}.beacon-green{background:#10b981;animation:1.8s infinite livePulse;box-shadow:0 0 8px #10b981e6}.beacon-red{background:#ef4444;animation:1.2s infinite livePulse;box-shadow:0 0 8px #ef4444e6}.text-neon-green{color:#059669;font-weight:700}.text-neon-cyan{color:#0284c7;font-weight:700}.text-neon-amber{color:#d97706;font-weight:700}.text-neon-purple{color:#7c3aed;font-weight:700}.text-neon-gold{color:#b45309;font-weight:700}.text-neon-red{color:#dc2626;font-weight:700}.dark-theme .text-neon-green{color:#10b981;text-shadow:0 0 10px #10b98166}.dark-theme .text-neon-cyan{color:#38bdf8;text-shadow:0 0 10px #38bdf866}.dark-theme .text-neon-amber{color:#fbbf24;text-shadow:0 0 10px #fbbf2466}.dark-theme .text-neon-purple{color:#a855f7;text-shadow:0 0 10px #a855f766}.dark-theme .text-neon-gold{color:#f59e0b;text-shadow:0 0 10px #f59e0b66}.dark-theme .text-neon-red{color:#f87171;text-shadow:0 0 10px #f8717166}.scada-panel-contrast{z-index:1;-webkit-backdrop-filter:blur(20px)saturate(160%);transition:all var(--t-normal);border-radius:16px;position:relative;background:#ffffff85!important;border:1px solid #ffffffa6!important;box-shadow:0 8px 32px #00000014,inset 0 1px 1px #fffc!important}.dark-theme .scada-panel-contrast{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#0d1527ad!important;border-color:#ffffff1f!important;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14!important}.scada-card-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.scada-chip-glow{letter-spacing:.6px;text-transform:uppercase;border-radius:var(--r-sm);padding:2px 6px;font-size:9px;font-weight:800}.chip-green{color:#059669;background:#10b98126;border:1px solid #10b98159}.dark-theme .chip-green{color:#34d399;background:#10b98140}.chip-cyan{color:#0284c7;background:#0ea5e926;border:1px solid #0ea5e959}.dark-theme .chip-cyan{color:#38bdf8;background:#0ea5e940}.chip-amber{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b59}.dark-theme .chip-amber{color:#fbbf24;background:#f59e0b40}.chip-orange{color:#ea580c;background:#f9731626;border:1px solid #f9731659}.dark-theme .chip-orange{color:#fb923c;background:#f9731640}.chip-red{color:#dc2626;background:#ef444426;border:1px solid #ef444459}.dark-theme .chip-red{color:#f87171;background:#ef444440}.scada-kpi-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid;position:relative}@keyframes scadaCardSlideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.scada-kpi-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1.5px solid var(--border);border-radius:var(--r-xl);flex-direction:column;justify-content:space-between;gap:8px;padding:18px 20px;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1);animation:.38s cubic-bezier(.16,1,.3,1) both scadaCardSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000009}.scada-kpi-card:first-child{animation-delay:40ms}.scada-kpi-card:nth-child(2){animation-delay:80ms}.scada-kpi-card:nth-child(3){animation-delay:.12s}.scada-kpi-card:nth-child(4){animation-delay:.16s}.scada-kpi-card:nth-child(5){animation-delay:.2s}.scada-kpi-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #00000014}.dark-theme .scada-kpi-card{box-shadow:0 4px 24px #00000059}.dark-theme .scada-kpi-card:hover{box-shadow:0 12px 36px #00000080}.dark-theme .scada-card-weather{background:linear-gradient(#f59e0b14 0%,#0d1527 50%);border-color:#f59e0b40}.dark-theme .scada-card-health{background:linear-gradient(#10b98114 0%,#0d1527 50%);border-color:#10b98140}.scada-card-power{border-top:4px solid var(--green)}.scada-card-reactive{border-top:4px solid #0ea5e9}.scada-card-yield{border-top:4px solid #f59e0b}.scada-card-weather{border-top:4px solid #ea580c}.scada-card-health{border-top:4px solid var(--green)}.scada-card-alarm{border-top:4px solid #ef4444}.dark-theme .scada-card-alarm{background:linear-gradient(#ef444414 0%,#0d1527 50%);border-color:#ef444459}.progress-fill-power{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 0 10px #10b98199}.inverter-fleet-summary-bar{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:8px;padding:14px 18px;display:grid}.fleet-sum-item{flex-direction:column;gap:2px;display:flex}.fleet-sum-val{font-size:18px;font-weight:800;font-family:var(--sans);letter-spacing:-.2px}.fleet-sum-sub{color:var(--text-muted);font-size:11px;font-weight:500}.scada-fleet-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.eng-inverter-card{-webkit-backdrop-filter:blur(18px)saturate(180%);border-radius:var(--r-lg);transition:transform var(--t-fast), box-shadow var(--t-fast), border-color var(--t-fast);background:#ffffffb8;border:1.5px solid #ffffffd9;flex-direction:column;gap:10px;padding:14px 16px;display:flex;position:relative;box-shadow:0 6px 20px #0028550d,inset 0 1px 1px #ffffffe6}.eng-inverter-card--ok{border-top:3.5px solid var(--green)}.eng-inverter-card--fault{border-top:3.5px solid var(--red);border-color:#ef444466}.eng-inverter-card:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.eng-inverter-header{justify-content:space-between;align-items:center;display:flex}.eng-inverter-title{align-items:center;gap:8px;display:flex}.inv-status-beacon{border-radius:50%;flex-shrink:0;width:8px;height:8px}.beacon-online{background:var(--green);box-shadow:0 0 8px #10b981cc}.beacon-fault{background:var(--red);animation:1s infinite livePulse;box-shadow:0 0 8px #ef4444cc}.eng-inverter-title h4{color:var(--text-h);margin:0;font-size:14px;font-weight:800}.eng-inverter-badges{align-items:center;gap:6px;display:flex}.inv-rated-pill{color:var(--text-muted);background:var(--surface-2);border-radius:var(--r-sm);border:1px solid var(--border);padding:2px 6px;font-size:10px;font-weight:700}.eng-inverter-power-box{background:var(--surface-2);border-radius:var(--r-md);border:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.inv-power-left{flex-direction:column;display:flex}.inv-power-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:9px;font-weight:800}.inv-power-number strong{color:var(--text-h);font-size:20px;font-weight:800}.inv-power-number small{color:var(--text-muted);font-size:12px;font-weight:600}.inv-efficiency-bubble{flex-direction:column;align-items:flex-end;display:flex}.eff-label{color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:700}.eff-val{color:#059669;font-size:13px;font-weight:800}.dark-theme .eff-val{color:#34d399}.inv-load-track{background:var(--surface-3);border-radius:var(--r-full);width:100%;height:6px;margin-top:-4px;overflow:hidden}.inv-load-fill{background:linear-gradient(90deg, var(--green), #059669);border-radius:var(--r-full);height:100%;transition:width .3s}.inv-load-labels{color:var(--text-muted);justify-content:space-between;margin-top:-6px;font-size:10px;font-weight:600;display:flex}.eng-inverter-grid-specs{grid-template-columns:1fr 1fr;gap:6px;padding:4px 0;display:grid}.eng-spec-item{background:var(--surface-2);border-radius:var(--r-sm);border:1px solid var(--border);flex-direction:column;padding:6px 8px;display:flex}.eng-spec-item span{color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:700}.eng-spec-item strong{margin-top:1px;font-size:12px;font-weight:800}.eng-inverter-footer{color:var(--text-muted);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:2px;padding-top:6px;font-size:10px;display:flex}.inv-mode-text{color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;font-size:9.5px;font-weight:800}.dark-theme .scada-card-power{background:linear-gradient(#10b9811f 0%,#0d1527 50%);border-color:#10b9814d;box-shadow:0 0 20px #10b98114}.dark-theme .scada-card-reactive{background:linear-gradient(#0ea5e91f 0%,#0d1527 50%);border-color:#0ea5e94d;box-shadow:0 0 20px #0ea5e914}.dark-theme .scada-card-yield{background:linear-gradient(#f59e0b1f 0%,#0d1527 50%);border-color:#f59e0b4d;box-shadow:0 0 20px #f59e0b14}.dark-theme .scada-card-weather{background:linear-gradient(#f973161f 0%,#0d1527 50%);border-color:#f973164d;box-shadow:0 0 20px #f9731614}.dark-theme .scada-card-health{background:linear-gradient(#8b5cf61f 0%,#0d1527 50%);border-color:#8b5cf64d;box-shadow:0 0 20px #8b5cf614}.dark-theme .inverter-fleet-summary-bar{background:#111c33;border-color:#38bdf833;box-shadow:0 0 16px #0006}.dark-theme .eng-inverter-card{background:#0c1424;border-color:#1a2744}.dark-theme .eng-inverter-card--ok{border-top-color:#10b981;box-shadow:0 0 16px #10b9810f}.dark-theme .eng-inverter-card:hover{border-color:#38bdf8;box-shadow:0 0 24px #38bdf826}.sld-expanded-wrapper{border-radius:16px;padding:16px 20px;-webkit-backdrop-filter:blur(20px)saturate(160%)!important;background:#ffffff85!important;border:1px solid #ffffffa6!important;box-shadow:0 8px 32px #00000014,inset 0 1px 1px #fffc!important}.dark-theme .sld-expanded-wrapper{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#0d1527ad!important;border-color:#ffffff1f!important;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff14!important}.sld-toolbar{border:1px solid var(--border)!important;border-radius:var(--r-md)!important;background:#fff!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-bottom:12px!important;padding:10px 18px!important;display:flex!important;box-shadow:0 4px 16px #0000000a!important}.dark-theme .sld-toolbar{background:#14213dd9!important;border-color:#ffffff1f!important}.sld-toolbar-left{flex-wrap:nowrap!important;align-items:center!important;gap:16px!important;display:flex!important}.sld-zoom-controls{align-items:center!important;gap:8px!important;margin-left:auto!important;display:flex!important}.sld-scale-select{background:var(--surface)!important;color:var(--text-h)!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;font-size:11.5px!important;font-weight:700!important;font-family:var(--sans)!important;cursor:pointer!important;appearance:auto!important;height:28px!important;transition:border-color var(--t-fast)!important;outline:none!important;padding:5px 24px 5px 10px!important}.sld-scale-select:hover{border-color:var(--green)!important}.sld-scale-select:focus{border-color:var(--green)!important;box-shadow:0 0 0 2px #10b98126!important}.sld-slider-wrapper{align-items:center!important;display:flex!important}.sld-scale-range-slider{appearance:none!important;background:var(--surface-3)!important;cursor:pointer!important;border-radius:2px!important;outline:none!important;width:80px!important;height:4px!important}.sld-scale-range-slider::-webkit-slider-thumb{appearance:none!important;background:var(--green)!important;cursor:pointer!important;border-radius:50%!important;width:12px!important;height:12px!important;box-shadow:0 0 6px #10b98199!important}.sld-scale-range-slider::-moz-range-thumb{background:var(--green)!important;cursor:pointer!important;border:none!important;border-radius:50%!important;width:12px!important;height:12px!important}.sld-zoom-btn{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;width:28px!important;height:28px!important;color:var(--text-h)!important;cursor:pointer!important;transition:all var(--t-fast)!important;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important}.sld-zoom-btn:hover{background:var(--surface-2)!important;border-color:var(--green)!important;color:var(--green)!important;transform:translateY(-1px)!important;box-shadow:0 2px 6px #00000014!important}.sld-zoom-btn:active{transform:translateY(0)!important}.sld-reset-scale-btn{background:var(--surface)!important;color:var(--text-muted)!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;cursor:pointer!important;transition:all var(--t-fast)!important;padding:5px 10px!important;font-size:11px!important;font-weight:700!important}.sld-reset-scale-btn:hover{background:var(--surface-2)!important;color:var(--green)!important;border-color:var(--green)!important}.sld-toggle-btn{background:var(--surface)!important;color:var(--text-muted)!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;cursor:pointer!important;transition:all var(--t-fast)!important;white-space:nowrap!important;align-items:center!important;gap:5px!important;padding:5px 10px!important;font-size:11px!important;font-weight:600!important;display:inline-flex!important}.sld-toggle-btn:hover{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--border-strong)!important}.sld-toggle-btn--active{color:#f59e0b!important;background:#f59e0b1f!important;border-color:#f59e0b66!important}.sld-toggle-btn--active:hover{background:#f59e0b33!important;border-color:#f59e0b!important}.sld-canvas-wrapper--full{scrollbar-width:thin!important;width:100%!important;padding:0!important;display:block!important;position:relative!important;overflow:auto!important}.sld-canvas--scrollable{cursor:grab!important}.sld-scroll-notice-chip{color:#059669!important;border-radius:var(--r-full)!important;z-index:15!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#10b9811f!important;border:1px solid #10b9814d!important;align-items:center!important;gap:6px!important;margin-bottom:8px!important;padding:4px 10px!important;font-size:11px!important;font-weight:700!important;display:inline-flex!important;position:sticky!important;top:8px!important;left:12px!important}.dark-theme .sld-scroll-notice-chip{color:#34d399!important;background:#10b98133!important}.sld-svg--full{width:100%!important;max-width:100%!important;height:auto!important;min-height:520px!important;margin:0 auto!important;display:block!important}.sld-floating-inspector{background:var(--surface)!important;border:1.5px solid var(--border)!important;border-radius:var(--r-md)!important;z-index:30!important;width:320px!important;max-width:90%!important;padding:14px 16px!important;animation:.18s both fadeIn!important;position:absolute!important;top:16px!important;right:16px!important;box-shadow:0 10px 30px #0000001f,0 0 0 1px #10b9811a!important}.dark-theme .sld-floating-inspector{background:#0d1527f2!important;border-color:#38bdf859!important;box-shadow:0 0 24px #0009,0 0 12px #38bdf833!important}.sld-floating-header{border-bottom:1px solid var(--border)!important;align-items:center!important;gap:8px!important;margin-bottom:10px!important;padding-bottom:8px!important;display:flex!important}.sld-floating-header h4{color:var(--text-h)!important;letter-spacing:.3px!important;flex:1!important;margin:0!important;font-size:12.5px!important;font-weight:800!important}.sld-inspector-beacon{background:var(--green)!important;border-radius:50%!important;flex-shrink:0!important;width:8px!important;height:8px!important;box-shadow:0 0 8px #10b981cc!important}.sld-inspector-close-btn{background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:var(--r-sm)!important;color:var(--text-muted)!important;cursor:pointer!important;padding:2px 7px!important;font-size:11px!important;font-weight:700!important}.sld-inspector-close-btn:hover{background:var(--surface-3)!important;color:var(--text-h)!important}.fleet-telemetry-hub{grid-template-columns:460px 1fr;align-items:start;gap:22px;width:100%;margin-top:18px;display:grid;position:relative}.fleet-command-grid{grid-template-rows:clamp(920px,96vh,1200px);grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);align-items:stretch;gap:20px;width:100%;margin-bottom:12px;display:grid}.fleet-command-chart-col{flex-direction:column;align-self:stretch;gap:16px;min-width:0;display:flex}.fleet-command-chart-col .trends-chart-container{flex-direction:column;flex:1 1 0;min-height:0;display:flex;overflow:hidden}.fleet-command-map-col{flex-direction:column;align-items:stretch;min-width:0;display:flex}.fleet-command-map-col .sri-lanka-map-card{flex:1 1 0;min-height:0}@media (width<=1100px){.fleet-command-grid{grid-template-rows:auto;grid-template-columns:1fr}.fleet-command-chart-col,.fleet-command-map-col{height:auto}.fleet-command-chart-col .trends-chart-container{flex:none;min-height:260px}}.fleet-section-bar{justify-content:space-between;align-items:center;margin:20px 0 14px;display:flex}.fleet-section-badge{-webkit-backdrop-filter:blur(12px);letter-spacing:.8px;color:#cbd5e1;text-transform:uppercase;background:#0f172abf;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:8px;padding:6px 16px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #0000004d}.fleet-filter-toolbar{-webkit-backdrop-filter:blur(20px);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:14px 20px;display:flex;box-shadow:0 10px 25px -4px #0000002e,0 4px 10px -2px #00000014;background:#ffffffad!important;border:1px solid #ffffffa6!important}.fleet-search-box{background:var(--surface-2,#ffffffe6);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);min-width:280px;max-width:440px;transition:border-color var(--t-fast), box-shadow var(--t-fast);border-radius:10px;flex:1;align-items:center;gap:8px;padding:8px 14px;display:flex}.fleet-search-box:focus-within{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.fleet-search-box .search-icon{opacity:.75;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex;position:static;transform:none}.fleet-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:13.5px}.fleet-search-input::placeholder{color:#94a3b8}.search-clear-btn{color:#94a3b8;cursor:pointer;border-radius:var(--r-full);background:0 0;border:none;padding:2px 4px;font-size:11px}.search-clear-btn:hover{color:#0f172a}.fleet-filter-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-pill{border:1px solid var(--border);background:var(--surface-2,#ffffffe6);-webkit-backdrop-filter:blur(8px);color:var(--text);cursor:pointer;transition:all var(--t-fast);border-radius:9999px;padding:6px 14px;font-family:Space Grotesk,-apple-system,sans-serif;font-size:11.5px;font-weight:700}.filter-pill:hover{color:#0f172a;background:#ffffffc7}.filter-pill--active{box-shadow:0 3px 12px #2563eb59;color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%)!important;border-color:#0000!important}.pill-alarm-btn.filter-pill--active{box-shadow:0 3px 12px #dc262659;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;border-color:#0000!important}.fleet-filter-counter{color:#64748b;white-space:nowrap;font-size:12px}.fleet-filter-counter strong{color:#0f172a;font-weight:800}.empty-filter-state{text-align:center;border-radius:var(--r-xl);flex-direction:column;align-items:center;gap:12px;padding:36px 20px;display:flex}.empty-filter-state p{color:#64748b;margin:0;font-size:14px}.btn-reset-filters{color:#fff;cursor:pointer;transition:all var(--t-fast);background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border:none;border-radius:10px;padding:8px 18px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:700}.btn-reset-filters:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0284c766}.sri-lanka-map-card{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;border-radius:16px;flex-direction:column;gap:12px;height:100%;padding:18px 22px;display:flex;overflow:hidden;box-shadow:0 10px 25px -4px #0000002e,0 4px 10px -2px #00000014;background:#ffffffad!important;border:1px solid #ffffffa6!important}.sri-lanka-map-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.map-title-block{flex-direction:column;gap:2px;display:flex}.map-badge-pill{text-transform:uppercase;letter-spacing:.8px;color:#059669;background:#10b9811a;border:1px solid #10b98140;border-radius:9999px;align-items:center;gap:6px;width:fit-content;margin-bottom:2px;padding:3px 10px;font-family:Space Grotesk,-apple-system,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.map-title-block h3{color:#0f172a;letter-spacing:-.2px;margin:0;font-family:Outfit,sans-serif;font-size:18px;font-weight:800}.map-subtitle{color:#64748b;font-family:Inter,sans-serif;font-size:12px}.map-fleet-stat-badge{background:var(--surface-2,#ffffffeb);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:flex-end;gap:2px;padding:8px 12px;display:flex}.map-stat-label{text-transform:uppercase;letter-spacing:.6px;color:#64748b;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700}.map-fleet-stat-badge strong{color:#059669;font-family:Outfit,sans-serif;font-size:15px;font-weight:800}.map-stat-sub{color:#64748b;font-size:11px;font-weight:600}.sri-lanka-map-canvas-wrapper{border-radius:var(--r-lg);flex:1 1 0;min-height:320px;position:relative;overflow:hidden}.map-gesture-hint-badge{-webkit-backdrop-filter:blur(14px);color:#fff;font-family:var(--sans,"Inter", sans-serif);letter-spacing:.2px;z-index:1000;pointer-events:none;text-align:center;background:#0f172ad9;border:1px solid #ffffff40;border-radius:9999px;max-width:85%;padding:10px 20px;font-size:13px;font-weight:600;animation:.22s cubic-bezier(.16,1,.3,1) both fadeInMapHint;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 32px #00000073}@keyframes fadeInMapHint{0%{opacity:0;transform:translate(-50%,-44%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.map-reset-btn-wrapper{z-index:1000;position:absolute;top:80px;left:10px}.map-reset-scale-btn{-webkit-backdrop-filter:blur(10px);color:#334155;cursor:pointer;background:#ffffffeb;border:2px solid #0003;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 6px #0000002e}.map-reset-scale-btn:hover{color:#0284c7;background:#fff;border-color:#0284c7;transform:scale(1.08)}.dark-theme .map-reset-scale-btn{color:#cbd5e1;background:#0f172ae0;border-color:#fff3}.dark-theme .map-reset-scale-btn:hover{color:#38bdf8;background:#1e293bfa;border-color:#38bdf8}.scada-map-popup .leaflet-popup-content-wrapper{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:10px;padding:14px 16px;box-shadow:0 8px 24px #00000024}.dark-theme .scada-map-popup .leaflet-popup-content-wrapper{background:#0f172a;border-color:#ffffff1a}.scada-map-popup .leaflet-popup-content{margin:0}.scada-map-popup .leaflet-popup-tip-container{display:none}.relief-svg{width:auto;max-width:100%;height:100%;display:block}.sri-lanka-relief-base-image{width:100%;height:100%;display:block}.relief-atmosphere-tint{fill:#0000;transition:fill var(--t-normal)}.dark-theme .relief-atmosphere-tint{fill:#070f1e61}.map-pulse-ring{transform-origin:50%;animation:2s ease-out infinite mapPulse}.map-pulse-ring-outer{transform-origin:50%;animation:2.4s ease-out infinite mapPulseOuter}@keyframes mapPulse{0%{r:5px;opacity:.8}70%{r:16px;opacity:.15}to{r:20px;opacity:0}}@keyframes mapPulseOuter{0%{r:8px;opacity:.6}80%{r:26px;opacity:.08}to{r:30px;opacity:0}}.map-plant-pin-group:hover circle:nth-child(2){r:8px!important;stroke-width:3px!important}.map-plant-pin-group.pin-active circle:nth-child(2){r:8.5px!important;stroke-width:3px!important;stroke:#fff!important}.map-pin-tag{filter:drop-shadow(0 2px 6px #0000001f);transition:transform var(--t-fast)}.map-plant-pin-group:hover .map-pin-tag,.map-plant-pin-group.pin-active .map-pin-tag{transform:translateY(-2px)}.map-floating-hud-tooltip{background:var(--surface);border:1.5px solid var(--green);border-radius:var(--r-md);z-index:30;padding:10px 14px;animation:.15s both fadeIn;position:absolute;bottom:12px;left:12px;right:12px;box-shadow:0 8px 24px #00000026}.dark-theme .map-floating-hud-tooltip{background:#0d1527f2;border-color:#38bdf8;box-shadow:0 0 24px #0009,0 0 10px #38bdf840}.tooltip-header{color:var(--text-h);align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:800;display:flex}.tooltip-body{grid-template-columns:1fr 1fr;gap:4px 12px;font-size:11.5px;display:grid}.tooltip-row{justify-content:space-between;gap:6px;display:flex}.tooltip-row span{color:var(--text-muted)}.tooltip-row strong{font-weight:700}.tooltip-footer{border-top:1px solid var(--border);margin-top:6px;padding-top:4px}.tooltip-action-hint{color:var(--green);font-size:10px;font-weight:700}.sri-lanka-map-legend{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;font-size:10.5px;display:flex}.legend-item{align-items:center;gap:6px;font-weight:600;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-online{background:#10b981;box-shadow:0 0 6px #10b981cc}.dot-alert{background:#f59e0b;box-shadow:0 0 6px #f59e0bcc}.dot-offline{background:#ef4444;box-shadow:0 0 6px #ef4444cc}.fleet-cards-grid-column{width:100%}.fleet-squares-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}@media (width<=680px){.fleet-squares-grid{grid-template-columns:1fr}}.fleet-rows-list{flex-direction:column;gap:14px;width:100%;display:flex}.plant-row-card{cursor:pointer;will-change:transform;content-visibility:auto;contain-intrinsic-size:auto 90px;border-radius:16px;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 10px 25px -4px #0000002e,0 4px 10px -2px #00000014;background:#ffffffb8!important;border:1px solid #ffffffa6!important}.plant-row-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -4px #0000003d,0 6px 16px -2px #0000001f;border-color:#0284c773!important}.plant-row-card--active{transform:translateY(-2px);box-shadow:0 0 0 2.5px #0284c7,0 12px 32px #0284c740!important}.plant-row-card--offline.plant-row-card--active{box-shadow:0 0 0 2.5px #ef4444,0 12px 32px #ef444440!important}.plant-row-top-stripe{width:100%;height:4px}.stripe-online{background:linear-gradient(90deg,#0284c7,#38bdf8)}.stripe-offline{background:linear-gradient(90deg,#ef4444,#f87171)}.plant-row-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.plant-row-identity{cursor:pointer;flex-direction:column;gap:3px;min-width:160px;display:flex}.plant-row-title{color:#0f172a;letter-spacing:-.2px;margin:0;font-family:Outfit,sans-serif;font-size:17.5px;font-weight:800;transition:color .15s}.plant-row-identity:hover .plant-row-title{color:#0284c7}.plant-row-subtitle{color:#64748b;font-family:Inter,sans-serif;font-size:12.5px;font-weight:500}.plant-row-metrics-strip{flex-wrap:wrap;align-items:center;gap:28px;display:flex}.plant-row-kpi-col{flex-direction:column;gap:3px;display:flex}.row-kpi-label{text-transform:uppercase;letter-spacing:.7px;color:#64748b;font-family:Space Grotesk,-apple-system,sans-serif;font-size:11px;font-weight:750}.row-kpi-val{letter-spacing:-.2px;white-space:nowrap;font-family:Outfit,sans-serif;font-size:16px;font-weight:800}.text-kpi-dark{color:#0f172a}.row-kpi-alarm-red{font-weight:800;color:#dc2626!important}.plant-row-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.plant-row-status-pill{white-space:nowrap;letter-spacing:.6px;text-transform:uppercase;border-radius:9999px;align-items:center;gap:6px;padding:5px 12px;font-family:Space Grotesk,-apple-system,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.pill-online{color:#059669;background:#10b9811f;border:1px solid #10b9814d}.pill-offline{color:#dc2626;background:#ef44441f;border:1px solid #ef44444d}.row-pill-dot{background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px}.btn-row-expand-detail{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);border:none;border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:700;transition:all .22s;display:inline-flex;box-shadow:0 4px 12px #2563eb4d}.btn-row-expand-detail:hover{background:linear-gradient(135deg,#0ea5e9 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb80}.btn-row-expand-detail:hover{color:#fff;background:#0284c7;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 14px #0284c759}.dark-theme .btn-row-expand-detail{color:#fb923c;background:#f9731614;border-color:#f9731659}.dark-theme .btn-row-expand-detail:hover{color:#fdba74;background:#f973162e;border-color:#f97316}.btn-row-arrow{font-size:13px;font-weight:800;line-height:1;transition:transform .15s;display:inline-block}.btn-row-equipment{color:#38bdf8;letter-spacing:.4px;cursor:pointer;white-space:nowrap;background:#38bdf81a;border:1px solid #38bdf859;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #38bdf826}.btn-row-equipment:hover{color:#fff;background:#38bdf838;border-color:#38bdf8;transform:translateY(-1px);box-shadow:0 4px 16px #38bdf866}.btn-row-expand-detail:hover .btn-row-arrow{transform:translate(3px)}.sld-category-pills{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);align-items:center;gap:4px;margin-right:8px;padding:2px 4px;display:flex}.sld-title-block{flex-direction:column;gap:2px;display:flex}.sld-title-block h4{color:var(--text-h);margin:0;font-size:13.5px;font-weight:800}.sld-subtitle{color:var(--text-muted);font-size:11px}.sld-cat-pill{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--r-full);cursor:pointer;transition:all var(--t-fast);padding:3px 9px;font-size:10.5px;font-weight:700}.dark-theme .sld-cat-pill{background:0 0;border:1px solid #ffffff14}.sld-cat-pill:hover{color:var(--text-h);background:var(--surface-2);border-color:var(--border-focus)}.sld-cat-pill.active{box-shadow:0 0 8px #10b98166;background:var(--green)!important;color:#fff!important;border-color:var(--green)!important}.sld-node-compact{transition:transform .12s,filter .12s}.sld-node-compact:hover{filter:drop-shadow(0 3px 8px #00000026)}.dark-theme .sld-node-compact:hover{filter:brightness(1.25)drop-shadow(0 0 6px #38bdf866)}.sld-node-compact.sld-node--selected>rect:first-of-type{stroke:#0284c7!important;stroke-width:2px!important;filter:drop-shadow(0 2px 8px #0284c759)!important}.dark-theme .sld-node-compact.sld-node--selected>rect:first-of-type{stroke:#38bdf8!important;stroke-width:2.5px!important;filter:drop-shadow(0 0 8px #38bdf899)!important}.sld-inspector-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-md);z-index:30;width:300px;max-width:90%;padding:12px 14px;animation:.15s both fadeIn;position:absolute;bottom:16px;right:16px;box-shadow:0 10px 30px #00000040}.dark-theme .sld-inspector-panel{background:#0d1527f2;border-color:#38bdf859;box-shadow:0 0 24px #0009,0 0 12px #38bdf833}.sld-inspector-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.sld-inspector-tag{color:var(--accent-glow);letter-spacing:.5px;font-size:10px;font-weight:800}.sld-inspector-close{color:var(--text-muted);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;padding:2px 4px;font-size:12px}.sld-inspector-close:hover{color:var(--text-h);background:var(--surface-2)}.commercial-nav-breadcrumb{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);align-items:center;gap:8px;margin-bottom:18px;padding:12px 18px;font-size:13px;display:flex}.commercial-notice-card{border-radius:var(--r-xl);background:var(--surface);border:1.5px solid #f59e0b59;align-items:flex-start;gap:16px;margin-top:20px;margin-bottom:24px;padding:22px 24px;display:flex;box-shadow:0 4px 20px #f59e0b14}.commercial-notice-icon{flex-shrink:0;font-size:28px;line-height:1}.commercial-notice-content h4{color:var(--text-h);margin:0 0 6px;font-size:16px;font-weight:700}.commercial-notice-content p{color:var(--text-muted);margin:0 0 14px;font-size:13.5px;line-height:1.5}.commercial-actions-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-portal-secondary{border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);color:var(--text-h);align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-portal-secondary:hover{border-color:var(--accent);background:var(--accent-bg)}.commercial-sites-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-bottom:28px;display:grid}.commercial-site-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:8px;padding:20px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex}.commercial-site-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.commercial-site-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.commercial-site-card h3{color:var(--text-h);margin:0;font-size:15px;font-weight:700}.commercial-site-meta,.commercial-site-sub{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.commercial-site-meta strong,.commercial-site-sub strong{color:var(--text-h)}.commercial-site-footer{color:var(--accent-dark);border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:6px;padding-top:10px;font-size:11.5px;font-weight:600;display:flex}.status-indicator-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.amber-pulse{background:var(--accent);animation:2s ease-in-out infinite livePulse;box-shadow:0 0 #f59e0b99}@media (width<=768px){.plant-header-top-line{flex-direction:column;align-items:stretch;gap:12px}.plant-detail-header-actions{flex-wrap:wrap;justify-content:space-between;gap:8px;width:100%}.plant-switcher-group{flex:100%}.plant-switcher-select{width:100%}.commercial-notice-card{flex-direction:column}}.number-flow{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;transition:color .2s,text-shadow .2s;display:inline-block}.trends-chart-container{animation:.35s cubic-bezier(.16,1,.3,1) both chartFlowIn;position:relative;overflow:hidden}@keyframes chartFlowIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.live-radar-dot{background:var(--green,#10b981);vertical-align:middle;border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite liveRadarPulse;display:inline-block;box-shadow:0 0 #10b981b3}@keyframes liveRadarPulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 7px #10b98100}to{box-shadow:0 0 #10b98100}}.auth-persona-selector{background:var(--surface-2,#ffffff0a);border:1px solid var(--border,#ffffff14);border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;padding:6px;display:grid}.auth-persona-tab{color:var(--text-muted,#94a3b8);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:10px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.auth-persona-tab:hover{color:var(--text,#f8fafc);background:#ffffff0a}.auth-persona-tab.active{background:var(--surface,#0f172a);color:var(--text,#fff);border-color:var(--accent,#3b82f6);box-shadow:0 4px 14px #00000040,0 0 16px #3b82f626}.persona-icon{flex-shrink:0;font-size:20px}.persona-tab-text strong{font-size:13px;font-weight:700;line-height:1.2;display:block}.persona-tab-text small{opacity:.75;font-size:11px;font-weight:500;display:block}.auth-owner-mode-switch{border:1px solid var(--border,#ffffff0f);background:#0003;border-radius:8px;gap:6px;margin-bottom:18px;padding:4px;display:flex}.owner-subtab{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:8px;font-size:12px;font-weight:600;transition:all .15s}.owner-subtab.active{background:var(--accent,#3b82f6);color:#fff;box-shadow:0 2px 8px #3b82f64d}.auth-success-banner{color:#34d399;background:#10b9811f;border:1px solid #10b981;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.commercial-dashboard-page,.commercial-plant-page{flex-direction:column;gap:20px;display:flex}.commercial-nav-breadcrumb{border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;font-size:13px;display:flex}.commercial-breadcrumb-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.commercial-badge-client{color:#38bdf8;letter-spacing:.05em;text-transform:uppercase;background:#0ea5e926;border:1px solid #0ea5e94d;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.btn-provision-client{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-provision-client:hover{filter:brightness(1.15);transform:translateY(-1px)}.commercial-fleet-header{-webkit-backdrop-filter:blur(20px);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 24px;display:flex;box-shadow:0 10px 25px -4px #0000002e,0 4px 10px -2px #00000014;background:#ffffffad!important;border:1px solid #ffffffa6!important}.commercial-header-left{align-items:center;gap:12px;display:flex}.commercial-heading-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-family:Outfit,sans-serif;font-size:22px;font-weight:800}.commercial-heading-badge{color:#ea580c;text-transform:uppercase;letter-spacing:.8px;background:#ea580c1a;border:1px solid #ea580c40;border-radius:9999px;padding:4px 12px;font-family:Space Grotesk,-apple-system,sans-serif;font-size:11px;font-weight:700}.commercial-breadcrumb-actions{align-items:center;gap:10px;display:flex}.btn-provision-client{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ea580c 0%,#dc2626 100%);border:none;border-radius:10px;align-items:center;gap:7px;padding:9px 18px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #ea580c4d}.btn-provision-client:hover{color:#fff;background:linear-gradient(135deg,#fb923c 0%,#ea580c 100%);transform:translateY(-1px);box-shadow:0 6px 20px #ea580c80}.btn-sync-gateway{-webkit-backdrop-filter:blur(8px);color:#334155;cursor:pointer;background:#ffffff8c;border:1px solid #ffffffa6;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.btn-sync-gateway:hover{color:#0f172a;background:#ffffffc7;border-color:#0284c773;transform:translateY(-1px)}.commercial-fleet-kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px;display:grid}.fleet-kpi-card{-webkit-backdrop-filter:blur(20px);border-radius:16px;flex-direction:column;gap:4px;padding:20px 22px;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s,border-color .24s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -4px #0000002e,0 4px 10px -2px #00000014;background:#ffffffad!important;border:1px solid #ffffffa6!important}.fleet-kpi-card:before{content:"";background:linear-gradient(90deg,#ea580c,#f97316);border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.fleet-kpi-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -4px #00000038,0 6px 16px -2px #0000001f;border-color:#ea580c66!important}.fleet-kpi-card--blue:before{background:linear-gradient(90deg,#0284c7,#38bdf8)}.fleet-kpi-card--blue:hover{border-color:#0284c766!important}.fleet-kpi-card--blue .kpi-num{color:#0284c7}.fleet-kpi-card--green:before{background:linear-gradient(90deg,#059669,#34d399)}.fleet-kpi-card--green:hover{border-color:#10b98166!important}.fleet-kpi-card--green .kpi-num{color:#059669}.fleet-kpi-card--orange:before{background:linear-gradient(90deg,#ea580c,#fb923c)}.fleet-kpi-card--orange:hover{border-color:#ea580c66!important}.fleet-kpi-card--orange .kpi-num{color:#ea580c}.fleet-kpi-card--teal:before{background:linear-gradient(90deg,#0d9488,#2dd4bf)}.fleet-kpi-card--teal:hover{border-color:#0d948866!important}.fleet-kpi-card--teal .kpi-num{color:#0d9488}.fleet-kpi-card--purple:before{background:linear-gradient(90deg,#7c3aed,#a855f7)}.fleet-kpi-card--purple:hover{border-color:#7c3aed66!important}.fleet-kpi-card--purple .kpi-num{color:#7c3aed}.fleet-kpi-card .kpi-tag{letter-spacing:.9px;color:#64748b;text-transform:uppercase;font-family:Space Grotesk,-apple-system,sans-serif;font-size:12px;font-weight:750}.fleet-kpi-card .kpi-value-row{color:#0f172a;letter-spacing:-.5px;margin-top:4px;font-family:Outfit,sans-serif;font-size:clamp(1.9rem,2.3vw,2.45rem);font-weight:800;line-height:1.15}.fleet-kpi-card .kpi-value-row.text-neon-green,.fleet-kpi-card .kpi-value-row.text-neon-green .kpi-num{color:#059669}.fleet-kpi-card .kpi-value-row.text-teal,.fleet-kpi-card .kpi-value-row.text-teal .kpi-num{color:#0d9488}.fleet-kpi-card .kpi-footnote{color:#475569;margin-top:4px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.commercial-controls-bar{-webkit-backdrop-filter:blur(12px);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:14px 20px;display:flex;box-shadow:0 4px 20px -2px #00000014;background:var(--surface,#fffffff0)!important;border:1px solid var(--border)!important}.search-wrap{background:var(--surface-2,#ffffffe6);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:260px;padding:8px 14px;display:flex}.search-wrap .search-icon{opacity:.75;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex;position:static;transform:none}.commercial-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:Inter,sans-serif;font-size:13.5px}.commercial-search-input::placeholder{color:#64748b}.filters-wrap{align-items:center;gap:10px;display:flex}.commercial-select-filter{-webkit-backdrop-filter:blur(8px);color:#0f172a;cursor:pointer;transition:all var(--t-fast);background:#ffffff8c;border:1px solid #ffffffa6;border-radius:10px;outline:none;padding:8px 14px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600}.commercial-select-filter:focus{background:#ffffffd9;border-color:#ea580c;box-shadow:0 0 0 3px #ea580c26}.commercial-plants-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.commercial-plant-card{-webkit-backdrop-filter:blur(12px);border-radius:16px;flex-direction:column;gap:12px;padding:22px 24px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px -2px #00000014;background:var(--surface,#fffffff0)!important;border:1px solid var(--border)!important}.commercial-plant-card:before{content:"";background:linear-gradient(90deg,#ea580c,#fb923c);height:4px;position:absolute;top:0;left:0;right:0}.commercial-plant-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -4px #0000003d,0 6px 16px -2px #0000001f;border-color:#ea580c73!important}.card-top{justify-content:space-between;align-items:center;display:flex}.status-badge-chip{letter-spacing:.8px;text-transform:uppercase;border-radius:9999px;padding:4px 10px;font-family:Space Grotesk,-apple-system,sans-serif;font-size:10.5px;font-weight:700}.status-badge-chip.online{color:#059669;background:#10b9811f;border:1px solid #10b9814d}.status-badge-chip.staging{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b4d}.status-badge-chip.warning{color:#ea580c;background:#ea580c1f;border:1px solid #ea580c4d}.status-badge-chip.offline{color:#dc2626;background:#ef44441f;border:1px solid #ef44444d}.district-tag{color:var(--text);background:var(--surface-2,#ffffffe6);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:9999px;padding:3px 10px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:700}.commercial-plant-card h3{color:#0f172a;letter-spacing:-.3px;margin:0;font-family:Outfit,sans-serif;font-size:18px;font-weight:800;line-height:1.25}.client-subtitle{color:#ea580c;font-family:Plus Jakarta Sans,sans-serif;font-size:12.5px;font-weight:600}.card-metrics-grid{background:var(--surface-2,#ffffffe6);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:4px;padding:12px 14px;display:grid}.card-metrics-grid .metric-box{flex-direction:column;gap:2px;display:flex}.card-metrics-grid .metric-box small{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:700}.card-metrics-grid .metric-box strong{color:#0f172a;font-family:Outfit,sans-serif;font-size:14.5px;font-weight:800}.card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;display:flex}.plant-id-code{color:#475569;-webkit-backdrop-filter:blur(8px);background:#ffffff8c;border:1px solid #ffffffa6;border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.btn-open-plant-console{color:#fff;background:linear-gradient(135deg,#ea580c 0%,#dc2626 100%);border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:all .22s;display:inline-flex;box-shadow:0 4px 12px #ea580c59}.btn-open-plant-console:hover{background:linear-gradient(135deg,#fb923c 0%,#ea580c 100%);text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 18px #ea580c80}.commercial-empty-bridge-state,.commercial-loading-state{text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.empty-icon-wrap{font-size:40px}.commercial-empty-bridge-state h3{color:var(--text,#fff);margin:0;font-size:18px;font-weight:700}.commercial-empty-bridge-state p{max-width:600px;color:var(--text-muted,#94a3b8);margin:0;font-size:13.5px;line-height:1.6}.empty-actions{flex-wrap:wrap;gap:12px;margin-top:10px;display:flex}.commercial-hero-banner{border:1px solid var(--border,#ffffff1a);background:linear-gradient(135deg,#0f172af2,#1e293bd9);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;box-shadow:0 12px 32px #0000004d}.commercial-hero-content{flex-direction:column;gap:8px;display:flex}.commercial-hero-tag{letter-spacing:.08em;color:var(--text-muted,#94a3b8);align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.status-dot-pulse{border-radius:50%;width:8px;height:8px}.status-dot-pulse.online{background:#10b981;animation:1.8s infinite liveRadarPulse;box-shadow:0 0 10px #10b981}.status-dot-pulse.offline{background:#f59e0b}.commercial-hero-content h2{color:#fff;margin:0;font-size:24px;font-weight:800}.commercial-hero-sub{color:var(--text-muted,#cbd5e1);margin:0;font-size:13px}.commercial-hero-actions{align-items:center;gap:12px;display:flex}.commercial-refresh-btn,.commercial-support-btn{cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.commercial-refresh-btn{background:var(--surface-2,#ffffff14);color:#fff;border:1px solid var(--border,#ffffff26)}.commercial-support-btn{color:#fff;background:linear-gradient(135deg,#0284c7,#0369a1);border:none}.commercial-support-btn:hover{filter:brightness(1.15)}.commercial-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.commercial-kpi-card{border-radius:14px;flex-direction:column;gap:8px;padding:18px 20px;display:flex}.commercial-kpi-card .kpi-header{justify-content:space-between;align-items:center;display:flex}.commercial-kpi-card .kpi-title{letter-spacing:.08em;color:var(--text-muted,#94a3b8);text-transform:uppercase;font-size:11px;font-weight:800}.commercial-kpi-card .kpi-metric{align-items:baseline;gap:5px;display:flex}.commercial-kpi-card .metric-val{color:#fff;font-size:28px;font-weight:800}.commercial-kpi-card .metric-val.metric-empty{color:var(--text-muted,#64748b)}.commercial-kpi-card .metric-unit{color:var(--text-muted,#94a3b8);font-size:13px;font-weight:700}.commercial-kpi-card .metric-unit-prefix{color:inherit;font-size:14px;font-weight:700}.commercial-kpi-card .kpi-subtext{color:var(--text-muted,#94a3b8);font-size:12px}.commercial-tabs-container{flex-direction:column;gap:12px;display:flex}.commercial-tab-bar{flex-wrap:wrap;gap:8px;display:flex}.commercial-tab-btn{background:var(--surface-2,#ffffff0a);border:1px solid var(--border,#ffffff14);color:var(--text-muted,#94a3b8);cursor:pointer;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s}.commercial-tab-btn:hover{color:var(--text,#fff);background:#ffffff14}.commercial-tab-btn.active{background:var(--accent,#2563eb);color:#fff;border-color:#3b82f6;box-shadow:0 2px 10px #2563eb4d}.commercial-tab-content{border-radius:16px;padding:24px}.telemetry-status-box{background:#00000040;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:24px;padding:16px 20px;display:flex}.status-pill{letter-spacing:.06em;border-radius:20px;padding:3px 10px;font-size:10.5px;font-weight:800}.status-pill.pill-live{color:#10b981;background:#10b98126;border:1px solid #10b981}.status-pill.pill-waiting{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b}.telemetry-status-box p{color:var(--text-muted,#cbd5e1);margin:0;font-size:13px;line-height:1.5}.plant-tech-specs h4,.tab-pane-inverters h4,.tab-pane-financial h4,.tab-pane-environmental h4{color:var(--text,#fff);margin:0 0 16px;font-size:15px;font-weight:700}.specs-table-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.spec-item{background:#0000002e;border-radius:8px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.spec-label{color:var(--text-muted,#94a3b8);text-transform:uppercase;font-size:11px;font-weight:600}.spec-val{color:#fff;font-size:13.5px;font-weight:700}.inverter-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.commercial-inv-card{border:1px solid var(--border,#ffffff14);background:#0003;border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.inv-header{justify-content:space-between;align-items:center;display:flex}.inv-status-chip{border-radius:4px;padding:2px 7px;font-size:9.5px;font-weight:800}.inv-status-chip.online{color:#10b981;background:#10b98133}.inv-stats{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.inv-stats div{flex-direction:column;gap:2px;display:flex}.inv-stats small{color:var(--text-muted,#94a3b8);font-size:10px}.inv-stats span{color:#fff;font-size:12px;font-weight:700}.financial-summary-cards,.eco-summary-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.fin-card,.eco-card{background:#0003;border-radius:12px;flex-direction:column;gap:8px;padding:22px;display:flex}.fin-label{color:var(--text-muted,#94a3b8);text-transform:uppercase;font-size:12px;font-weight:600}.fin-val{font-size:26px;font-weight:800}.fin-card small,.eco-card span{color:var(--text-muted,#94a3b8);font-size:12px}.eco-card .eco-icon{font-size:28px}.eco-card strong{color:var(--teal,#14b8a6);font-size:24px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-dialog{border-radius:16px;flex-direction:column;gap:20px;width:min(520px,100%);padding:28px;display:flex;box-shadow:0 20px 50px #0009}.modal-header{justify-content:space-between;align-items:flex-start;display:flex}.modal-header h3{color:#fff;margin:0;font-size:18px;font-weight:800}.modal-header p{color:var(--text-muted,#94a3b8);margin:4px 0 0;font-size:12.5px}.modal-close-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px}.modal-close-btn:hover{color:#fff}.modal-alert{border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;display:flex}.modal-alert.alert-success{color:#34d399;background:#10b98126;border:1px solid #10b981}.modal-alert.alert-error{color:#f87171;background:#ef444426;border:1px solid #ef4444}.modal-form{flex-direction:column;gap:14px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--text,#e2e8f0);font-size:12px;font-weight:600}.form-group input{border:1px solid var(--border,#ffffff1f);color:#fff;background:#00000040;border-radius:8px;outline:none;padding:9px 12px;font-size:13px}.form-group input:focus{border-color:var(--accent,#3b82f6)}.form-group small{color:var(--text-muted,#94a3b8);font-size:11px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;display:flex}.btn-modal-cancel{border:1px solid var(--border,#ffffff26);color:var(--text-muted,#cbd5e1);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px}.btn-modal-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700}.theme-toggle-btn{-webkit-backdrop-filter:blur(12px);color:#f1f5f9;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff29;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;min-height:38px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #0003}.theme-toggle-btn:hover{color:#fff;background:#ffffff2e;border-color:#f59e0b80;transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b40}.theme-toggle-btn.dark{border-color:#38bdf866;box-shadow:0 2px 10px #38bdf826}.theme-toggle-btn.light{border-color:#f59e0b66;box-shadow:0 2px 10px #f59e0b26}.theme-toggle-icon{filter:drop-shadow(0 0 3px #fff6);justify-content:center;align-items:center;font-size:16px;line-height:1;display:flex}.theme-toggle-btn--corner{width:40px;height:40px;min-height:40px;padding:0}.dark-theme{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dark-theme .kpi-card{-webkit-backdrop-filter:blur(20px)!important;background:#0d1527c2!important;border:1px solid #ffffff1f!important;box-shadow:0 12px 30px #0000008c,inset 0 1px #ffffff14!important}.dark-theme .kpi-card:hover{background:#131f3ad9!important;border-color:#38bdf866!important;box-shadow:0 18px 40px #000000a6,inset 0 1px #ffffff1f!important}.dark-theme .kpi-label{color:#94a3b8!important}.dark-theme .kpi-sub{color:#cbd5e1!important}.dark-theme .kpi-bar{background:#ffffff1a!important}.dark-theme .kpi-card--blue .kpi-value{color:#38bdf8!important}.dark-theme .kpi-card--teal .kpi-value{color:#2dd4bf!important}.dark-theme .kpi-card--purple .kpi-value{color:#c084fc!important}.dark-theme .kpi-card--green .kpi-value{color:#34d399!important}.dark-theme .kpi-card--orange .kpi-value{color:#fb923c!important}.dark-theme .trends-chart-container{-webkit-backdrop-filter:blur(20px)!important;background:#0d1527c7!important;border:1px solid #ffffff1f!important;box-shadow:0 12px 32px #0000008c,inset 0 1px #ffffff14!important}.dark-theme .trends-chart-header{-webkit-backdrop-filter:blur(16px)!important;background:#0d1527a6!important;border-bottom:1px solid #ffffff1a!important}.dark-theme .trends-chart-title,.dark-theme .trends-chart-header h2,.dark-theme .trends-chart-header h3,.dark-theme .chart-title{color:#f8fafc!important}.dark-theme .trends-chart-header .chart-sub,.dark-theme .chart-header-sub{color:#94a3b8!important}.dark-theme .period-btn,.dark-theme .chart-toggles{background:#0f172abf!important;border:1px solid #ffffff29!important}.dark-theme .chart-toggles button,.dark-theme .chart-period-btn{color:#cbd5e1!important}.dark-theme .chart-toggles button:hover,.dark-theme .chart-period-btn:hover{color:#fff!important;background:#ffffff1a!important}.dark-theme .period-btn.active,.dark-theme .chart-toggles button.active,.dark-theme .chart-period-btn.active{color:#fff!important;background:#ffffff38!important;border-color:#ffffff4d!important}.dark-theme .trend-nav-button{color:#e2e8f0!important;background:#ffffff14!important;border:1px solid #ffffff29!important}.dark-theme .trend-nav-button:hover{color:#fff!important;background:#ffffff2e!important}.dark-theme .trend-period-label{color:#fff!important}.dark-theme .trend-date-input-wrapper{background:#0f172abf!important;border:1px solid #ffffff29!important}.dark-theme .trend-date-input{color:#fff!important}.dark-theme .trend-now-button{color:#7dd3fc!important;background:#38bdf82e!important;border-color:#38bdf866!important}.dark-theme .trend-now-button:hover{color:#fff!important;background:#0284c7!important}.dark-theme .trend-plant-select,.dark-theme .trends-chart-header select{color:#fff!important;background:#0f172abf!important;border:1px solid #ffffff29!important}.dark-theme .trend-plant-select option,.dark-theme .trends-chart-header select option{color:#fff!important;background:#0f172a!important}.dark-theme .sri-lanka-map-card{-webkit-backdrop-filter:blur(20px)!important;background:#0d1527c7!important;border:1px solid #ffffff1f!important;box-shadow:0 12px 32px #0000008c,inset 0 1px #ffffff14!important}.dark-theme .sri-lanka-map-header{border-bottom:1px solid #ffffff1a!important}.dark-theme .map-heading-main,.dark-theme .sri-lanka-map-header h3{color:#fff!important}.dark-theme .map-heading-sub{color:#94a3b8!important}.dark-theme .map-stat-val{color:#fff!important}.dark-theme .map-stat-label,.dark-theme .map-legend-item{color:#cbd5e1!important}.dark-theme .fleet-filter-toolbar{-webkit-backdrop-filter:blur(20px)!important;background:#0d1527c7!important;border:1px solid #ffffff1f!important;box-shadow:0 8px 24px #00000073!important}.dark-theme .fleet-search-box input{color:#fff!important;background:#020617b3!important;border:1px solid #ffffff29!important}.dark-theme .fleet-search-box input::placeholder{color:#64748b!important}.dark-theme .fleet-filter-btn{color:#cbd5e1!important;background:#ffffff0f!important;border:1px solid #ffffff1f!important}.dark-theme .fleet-filter-btn:hover{color:#fff!important;background:#ffffff24!important}.dark-theme .fleet-filter-btn.active{color:#fff!important;background:#0284c7!important;border-color:#38bdf8!important}.dark-theme .fleet-filter-counter{color:#94a3b8!important}.dark-theme .fleet-filter-counter strong{color:#fff!important}.dark-theme .plant-row-card{-webkit-backdrop-filter:blur(20px)!important;background:#0d1527c2!important;border:1px solid #ffffff1f!important;box-shadow:0 10px 28px #00000073,inset 0 1px #ffffff14!important}.dark-theme .plant-row-card:hover{background:#131f3adb!important;border-color:#38bdf873!important;box-shadow:0 16px 36px #00000094,inset 0 1px #ffffff24!important}.dark-theme .plant-row-title{color:#fff!important}.dark-theme .plant-row-subtitle{color:#94a3b8!important}.dark-theme .row-kpi-label{color:#64748b!important}.dark-theme .row-kpi-val,.dark-theme .text-kpi-dark{color:#f1f5f9!important}.dark-theme .scada-panel-contrast,.dark-theme .scada-panel-glow{color:#e2e8f0;-webkit-backdrop-filter:blur(20px)!important;background:#0d1527c7!important;border:1px solid #ffffff1f!important;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff14!important}.dark-theme .plant-header-nav-card{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0d1527c7!important;border:1px solid #ffffff1f!important}.dark-theme .breadcrumb-current{color:#fff!important}.dark-theme .eng-back-link{color:#38bdf8!important}.dark-theme .plant-select-label{color:#94a3b8!important}.dark-theme .plant-switcher-select{color:#fff!important;background:#020617bf!important;border:1px solid #ffffff29!important}.dark-theme .plant-header-nav-card,.dark-theme .plant-detail-header-card{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0d1527f0!important;border:1px solid #ffffff1f!important}.dark-theme .plant-identity h2{color:#fff!important}.dark-theme .meta-tag{color:#cbd5e1!important}.dark-theme .meta-tag strong{color:#fff!important}.dark-theme .eng-kpi-card{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0d1527f0!important;border:1px solid #ffffff1f!important}.dark-theme .eng-kpi-value{color:#fff!important}.dark-theme .eng-kpi-label{color:#cbd5e1!important;font-weight:750!important}.dark-theme .eng-kpi-unit{color:#94a3b8!important;font-weight:700!important}.dark-theme .eng-kpi-footer{color:#94a3b8!important;font-weight:600!important}.dark-theme .eng-kpi-footer strong{color:#f1f5f9!important;font-weight:750!important}.dark-theme .sld-container,.dark-theme .sld-container--custom{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#080e1cf0!important;border:1px solid #ffffff1f!important}.dark-theme .sld-svg{background:#061325!important;border:1px solid #ffffff1f!important}.dark-theme .device-status-table-container,.dark-theme .alarm-console-panel,.dark-theme .scada-weather-panel{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;background:#0d1527f0!important;border:1px solid #ffffff1f!important}.dark-theme .device-status-table th,.dark-theme .alarm-table th{color:#94a3b8!important;background:#020617b3!important;border-bottom:1px solid #ffffff1f!important}.dark-theme .device-status-table td,.dark-theme .alarm-table td{color:#f1f5f9!important;border-bottom:1px solid #ffffff14!important}.dark-theme .commercial-fleet-header{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0d1527c7!important;border:1px solid #ffffff1f!important}.dark-theme .commercial-heading-title{color:#fff!important}.dark-theme .btn-sync-gateway{color:#e2e8f0!important;background:#ffffff14!important;border:1px solid #ffffff26!important}.dark-theme .fleet-kpi-card{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0d1527c2!important;border:1px solid #ffffff1f!important}.dark-theme .fleet-kpi-card .kpi-tag{color:#94a3b8!important}.dark-theme .fleet-kpi-card .kpi-value-row{color:#fff!important}.dark-theme .fleet-kpi-card .kpi-footnote{color:#cbd5e1!important}.dark-theme .fleet-kpi-card--blue .kpi-num{color:#38bdf8!important}.dark-theme .fleet-kpi-card--green .kpi-num{color:#34d399!important}.dark-theme .fleet-kpi-card--orange .kpi-num{color:#fb923c!important}.dark-theme .fleet-kpi-card--teal .kpi-num{color:#2dd4bf!important}.dark-theme .fleet-kpi-card--purple .kpi-num{color:#c084fc!important}.dark-theme .commercial-controls-bar{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0d1527c7!important;border:1px solid #ffffff1f!important}.dark-theme .search-wrap{background:#020617a6!important;border:1px solid #ffffff26!important}.dark-theme .commercial-search-input{color:#fff!important}.dark-theme .commercial-select-filter{color:#fff!important;background:#020617bf!important;border:1px solid #ffffff26!important}.dark-theme .commercial-plant-card{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0d1527c2!important;border:1px solid #ffffff1f!important}.dark-theme .commercial-plant-card h3{color:#fff!important}.dark-theme .district-tag{color:#cbd5e1!important;background:#ffffff14!important;border:1px solid #ffffff1f!important}.dark-theme .card-metrics-grid{background:#020617a6!important;border:1px solid #ffffff1a!important}.dark-theme .card-metrics-grid .metric-box strong{color:#fff!important}.dark-theme .card-metrics-grid .metric-box small{color:#94a3b8!important}.dark-theme .card-footer{border-top:1px solid #ffffff1a!important}.dark-theme .plant-id-code{color:#cbd5e1!important;background:#ffffff14!important;border:1px solid #ffffff1f!important}.dark-theme .commercial-detail-card,.dark-theme .commercial-tabs-card{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0d1527c7!important;border:1px solid #ffffff1f!important}.dark-theme .commercial-tab-btn{color:#94a3b8!important}.dark-theme .commercial-tab-btn.active{color:#fff!important;background:#ffffff1f!important}.dark-theme .commercial-table th{color:#94a3b8!important;background:#020617b3!important;border-bottom:1px solid #ffffff1f!important}.dark-theme .commercial-table td{color:#f1f5f9!important;border-bottom:1px solid #ffffff14!important}.dark-theme .commercial-table tr:hover td{background:#ffffff0a!important}.dark-theme .export-modal-card,.dark-theme .change-password-card,.dark-theme .client-account-modal{-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;color:#f1f5f9!important;background:#0d1527eb!important;border:1px solid #ffffff26!important;box-shadow:0 20px 60px #000000bf!important}.dark-theme .modal-header h3{color:#fff!important}.dark-theme .form-group label{color:#cbd5e1!important}.dark-theme .form-group input,.dark-theme .form-group select{color:#fff!important;background:#020617bf!important;border:1px solid #ffffff2e!important}.hf-quick-demo-accounts{border-radius:var(--r-md);background:#f1f5f9b3;border:1px dashed #94a3b880;flex-direction:column;gap:8px;margin-top:14px;padding:12px 14px;display:flex}.hf-quick-demo-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px;font-weight:700}.hf-quick-demo-pills{flex-wrap:wrap;gap:8px;display:flex}.hf-quick-demo-btn{border:1px solid var(--border);border-radius:var(--r-full);color:var(--text);cursor:pointer;background:#fff;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px #0000000a}.hf-quick-demo-btn:hover{background:var(--accent-light);border-color:var(--accent);color:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 10px #0284c71f}.portfolio-owner-view{flex-direction:column;gap:24px;display:flex;margin-bottom:40px!important;padding-bottom:120px!important}.portfolio-prestige-hero{border-radius:20px;flex-direction:column;gap:22px;padding:28px 32px 22px;display:flex;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(24px)saturate(190%)!important;background:linear-gradient(135deg,#ffffffc7 0%,#f8fafcb8 100%)!important;border:1px solid #ffffffd9!important;box-shadow:0 12px 36px -4px #00285514,0 4px 12px -2px #00000008,inset 0 1px 2px #fffffff2!important}.portfolio-prestige-hero:before{content:"";background:linear-gradient(90deg,#f37021 0%,#ff8c00 50%,#002855 100%);border-radius:20px 20px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.portfolio-hero-brand-line{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.portfolio-hero-left{flex-direction:column;gap:6px;display:flex}.portfolio-hero-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.hf-brand-pill{letter-spacing:.8px;color:#002855;border-radius:var(--r-full);background:#00285512;border:1px solid #00285533;align-items:center;gap:6px;padding:3px 12px;font-size:11px;font-weight:850;display:inline-flex}.hf-brand-dot{background:#f37021;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #f3702199}.scada-role-pill{color:#b45309;border-radius:var(--r-full);background:#f59e0b24;border:1px solid #f59e0b59;padding:3px 12px;font-size:11px;font-weight:700}.portfolio-ppa-badge{color:#047857;border-radius:var(--r-full);background:#10b9811f;border:1px solid #10b9814d;padding:3px 12px;font-size:11px;font-weight:700}.portfolio-owner-heading{color:#002855;letter-spacing:-.4px;margin:0;font-size:28px;font-weight:850;line-height:1.2}.portfolio-owner-subheading{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.4}.portfolio-hero-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hf-sync-button{color:#fff!important;border-radius:var(--r-md)!important;background:linear-gradient(135deg,#002855 0%,#034080 100%)!important;border:1px solid #0028554d!important;padding:8px 18px!important;font-size:13px!important;font-weight:750!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;box-shadow:0 4px 14px #00285540!important}.hf-sync-button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#f37021 0%,#ff8c00 100%)!important;border-color:#f37021!important;box-shadow:0 6px 18px #f3702159!important}.portfolio-hero-stat-strip{border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;-webkit-backdrop-filter:blur(16px)saturate(180%)!important;background:#ffffffa6!important;border:1px solid #ffffffd9!important;box-shadow:0 4px 16px #0028550a,inset 0 1px 1px #ffffffe6!important}.hero-strip-item{flex-direction:column;gap:2px;display:flex}.hero-strip-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:10px;font-weight:800}.hero-strip-val{font-size:16px;font-weight:850;font-family:var(--mono);color:#002855}.hero-strip-val--blue{color:#0284c7}.hero-strip-val--amber{color:#d97706}.hero-strip-val--green{color:#059669}.hero-strip-divider{background:#e2e8f0e6;width:1px;height:28px}@media (width<=768px){.hero-strip-divider{display:none}}.portfolio-status-pill{align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.portfolio-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s cubic-bezier(.66,0,0,1) infinite portfolioPulse;box-shadow:0 0 #10b981b3}@keyframes portfolioPulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.portfolio-hero-kpis{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}@media (width<=1200px){.portfolio-hero-kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.portfolio-hero-kpis{grid-template-columns:1fr}}.portfolio-kpi-card{-webkit-backdrop-filter:blur(20px)saturate(190%);background:#ffffffbd;border:1px solid #ffffffd9;border-radius:16px;flex-direction:column;gap:12px;padding:22px 24px;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 32px #0028550f,inset 0 1px 2px #fffffff2}.portfolio-kpi-card:before{content:"";border-radius:16px 16px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.portfolio-kpi-card--power:before{background:linear-gradient(90deg,#0284c7,#38bdf8)}.portfolio-kpi-card--yield:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.portfolio-kpi-card--revenue:before{background:linear-gradient(90deg,#10b981,#34d399)}.portfolio-kpi-card--health:before{background:linear-gradient(90deg,#6366f1,#a855f7)}.portfolio-kpi-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -4px #00000017,0 4px 12px -2px #0000000a}.portfolio-kpi-card--power:hover{border-color:#0284c766}.portfolio-kpi-card--yield:hover{border-color:#f59e0b66}.portfolio-kpi-card--revenue:hover{border-color:#10b98166}.portfolio-kpi-card--health:hover{border-color:#6366f166}.portfolio-kpi-head{justify-content:space-between;align-items:center;display:flex}.portfolio-kpi-tag{letter-spacing:.6px;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:800}.portfolio-kpi-icon-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:var(--r-full);padding:2px 8px;font-size:10px;font-weight:800}.portfolio-kpi-icon-pill--blue{color:#0284c7;background:#0284c71a}.portfolio-kpi-icon-pill--amber{color:#d97706;background:#f59e0b1f}.portfolio-kpi-icon-pill--green{color:#059669;background:#10b9811f}.portfolio-kpi-icon-pill--indigo{color:#4f46e5;background:#6366f11f}.portfolio-kpi-value-row{align-items:baseline;gap:6px;display:flex}.portfolio-kpi-main-num{font-size:30px;font-weight:850;font-family:var(--mono);color:#0f172a;letter-spacing:-.5px;line-height:1.1}.portfolio-kpi-main-num--amber{color:#b45309}.portfolio-kpi-main-num--green{color:#059669}.portfolio-kpi-main-num--indigo{color:#4338ca}.portfolio-kpi-progress{flex-direction:column;gap:5px;display:flex}.portfolio-kpi-bar-track{border-radius:var(--r-full);background:#0000000f;width:100%;height:6px;overflow:hidden}.portfolio-kpi-bar-fill{border-radius:var(--r-full);height:100%;transition:width .5s}.portfolio-kpi-bar-fill--blue{background:linear-gradient(90deg,#0284c7 0%,#38bdf8 100%)}.portfolio-kpi-bar-label{color:var(--text-muted);font-size:11.5px}.portfolio-kpi-badge-row{align-items:center;display:flex}.portfolio-metric-badge{border-radius:var(--r-md);align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.portfolio-metric-badge--amber{color:#b45309;background:#f59e0b1a;border:1px solid #f59e0b40}.portfolio-metric-badge--green{color:#059669;background:#10b9811a;border:1px solid #10b98140}.portfolio-kpi-footer{color:var(--text-muted);border-top:1px dashed #e2e8f0cc;margin-top:auto;padding-top:4px;font-size:11.5px;line-height:1.3}.portfolio-content-card{-webkit-backdrop-filter:blur(24px)saturate(190%);background:#ffffffbf;border:1px solid #ffffffd9;border-radius:18px;padding:24px 28px;box-shadow:0 12px 36px #00285512,inset 0 1px 2px #fffffff2}.portfolio-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.portfolio-card-title{color:#0f172a;letter-spacing:-.2px;margin:0 0 4px;font-size:18px;font-weight:800}.portfolio-card-subtitle{color:var(--text-muted);margin:0;font-size:13px}.portfolio-card-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.portfolio-chart-view-toggle{border-radius:var(--r-full);background:#f1f5f9;border:1px solid #e2e8f0f2;padding:3px;display:inline-flex}.chart-toggle-btn{color:var(--text-muted);border-radius:var(--r-full);cursor:pointer;background:0 0;border:none;padding:5px 12px;font-size:11.5px;font-weight:700;transition:all .2s}.chart-toggle-btn:hover{color:var(--text)}.chart-toggle-btn--active{color:#002855;background:#fff;font-weight:800;box-shadow:0 2px 6px #00000014}.portfolio-card-right-stat{flex-direction:column;align-items:flex-end;display:flex}.portfolio-card-stat-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:10.5px;font-weight:700}.portfolio-card-stat-val{font-size:16px;font-weight:850;font-family:var(--mono);color:var(--accent-dark)}.portfolio-chart-split{flex-direction:row;justify-content:center;align-items:center;gap:56px;margin-top:14px;padding:18px 12px;display:flex}@media (width<=960px){.portfolio-chart-split{flex-direction:column;gap:32px}}.portfolio-chart-canvas-wrapper{flex:1;justify-content:center;align-items:center;max-width:500px;display:flex;position:relative}.portfolio-chart-canvas-box{aspect-ratio:1;filter:drop-shadow(0 12px 28px #00285517);justify-content:center;align-items:center;width:360px;max-width:100%;height:360px;display:flex;position:relative}.portfolio-donut-center{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:180px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-icon{margin-bottom:2px;font-size:20px;line-height:1}.donut-center-value{font-size:26px;font-weight:850;font-family:var(--mono);color:#002855;letter-spacing:-.3px;line-height:1.1}.donut-center-label{letter-spacing:.8px;color:var(--text-muted);text-transform:uppercase;margin-top:3px;font-size:10.5px;font-weight:800}.donut-center-status{color:#059669;align-items:center;gap:5px;margin-top:4px;font-size:11.5px;font-weight:700;display:inline-flex}.portfolio-compact-legend-panel{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-xl);background:#ffffff8c;border:1px solid #fffc;flex-direction:column;gap:10px;width:340px;max-width:100%;padding:16px;display:flex;box-shadow:0 6px 20px #0028550a,inset 0 1px 1px #ffffffe6}.portfolio-legend-list{flex-direction:column;gap:8px;display:flex}.portfolio-compact-label-row{-webkit-backdrop-filter:blur(12px);border-radius:var(--r-md);background:#ffffffa6;border:1px solid #ffffffd9;align-items:center;gap:12px;padding:9px 12px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #00285508}.portfolio-compact-label-row:hover{background:#ffffffeb;border-color:#0284c7;transform:translate(3px);box-shadow:0 4px 14px #0284c726}.compact-legend-color-box{border-radius:3px;flex-shrink:0;width:13px;height:13px;box-shadow:0 1px 3px #0000002e}.compact-legend-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.compact-legend-name{color:#002855;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:750;line-height:1.25;overflow:hidden}.compact-legend-meta{color:#64748b;font-size:11px;font-family:var(--mono);align-items:center;gap:8px;display:flex}.compact-legend-pct{color:#0284c7;font-weight:800}.compact-legend-pwr{color:#475569}.compact-status-tag{border-radius:var(--r-full);letter-spacing:.3px;flex-shrink:0;padding:2px 7px;font-size:9.5px;font-weight:800}.compact-status-tag--online{color:#059669;background:#10b9811f;border:1px solid #10b98140}.compact-status-tag--offline{color:#dc2626;background:#ef44441f;border:1px solid #ef444440}.portfolio-compact-action-box{border-top:1px dashed #0028551a;margin-top:4px;padding-top:10px}.portfolio-compact-sld-btn{color:#fff;border-radius:var(--r-md);cursor:pointer;background:linear-gradient(135deg,#002855 0%,#003875 100%);border:none;justify-content:space-between;align-items:center;width:100%;padding:9px 14px;font-size:12px;font-weight:750;transition:all .2s;display:flex}.portfolio-compact-sld-btn:hover{background:linear-gradient(135deg,#0284c7 0%,#002855 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0284c740}.portfolio-chart-legend-matrix{flex-direction:column;gap:12px;width:100%;display:flex}.portfolio-legend-row{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0e6;border-radius:14px;flex-direction:column;gap:10px;padding:13px 18px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex}.portfolio-legend-row:hover{border-color:var(--accent);background:#fff;transform:translateY(-2px);box-shadow:0 6px 18px #00285514}.legend-row-header{justify-content:space-between;align-items:center;display:flex}.legend-row-title-group{align-items:center;gap:10px;display:flex}.legend-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 6px #0003}.legend-plant-name{color:var(--text);font-size:14px;font-weight:800}.legend-plant-sub{color:var(--text-muted);font-size:11px;font-family:var(--mono);display:block}.legend-share-badge{border-radius:var(--r-full);font-size:11.5px;font-weight:800;font-family:var(--mono);border:1px solid;padding:3px 10px}.legend-row-metrics{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.legend-metric-item{flex-direction:column;gap:1px;display:flex}.legend-metric-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:9.5px;font-weight:700}.legend-metric-val{font-size:13.5px;font-weight:800;font-family:var(--mono);color:#002855}.legend-metric-val--muted{color:var(--text-muted)}.legend-metric-val--blue{color:#0284c7}.legend-row-track{background:#0000000f;border-radius:999px;width:100%;height:5px;overflow:hidden}.legend-row-fill{border-radius:999px;height:100%;transition:width .4s}.portfolio-multi-bar-track{border-radius:var(--r-full);background:#0000000f;width:100%;height:14px;margin-bottom:18px;display:flex;overflow:hidden;box-shadow:inset 0 1px 2px #0000000f}.portfolio-multi-bar-seg{height:100%;transition:width .5s;position:relative}.portfolio-multi-bar-seg:first-child{border-top-left-radius:var(--r-full);border-bottom-left-radius:var(--r-full)}.portfolio-multi-bar-seg:last-child{border-top-right-radius:var(--r-full);border-bottom-right-radius:var(--r-full)}.portfolio-chips-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.portfolio-chip-item{-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#fff9;border:1px solid #fffc;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.portfolio-chip-item:hover{border-color:var(--accent);background:#ffffffe0;transform:translateY(-2px);box-shadow:0 4px 14px #0284c71f}.portfolio-chip-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;box-shadow:0 0 6px #00000026}.portfolio-chip-info{flex-direction:column;flex:1;gap:2px;display:flex}.portfolio-chip-name{color:var(--text);font-size:13px;font-weight:700}.portfolio-chip-stats{align-items:center;gap:6px;display:flex}.portfolio-chip-power{font-size:13px;font-weight:800;font-family:var(--mono);color:var(--accent-dark)}.portfolio-chip-share{color:var(--text-muted);font-size:11.5px}.portfolio-esg-card{-webkit-backdrop-filter:blur(24px)saturate(190%);background:linear-gradient(#ffffffc7 0%,#f0fdf4b8 100%);border:1px solid #bbf7d0cc;box-shadow:0 12px 36px #10b9810f,inset 0 1px 2px #fffffff2}.portfolio-esg-badge{color:#047857;border-radius:var(--r-full);background:#ecfdf5;border:1px solid #10b9814d;padding:4px 12px;font-size:11px;font-weight:700}.portfolio-esg-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1024px){.portfolio-esg-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=580px){.portfolio-esg-grid{grid-template-columns:1fr}}.portfolio-esg-item{-webkit-backdrop-filter:blur(16px);background:#ffffffad;border:1px solid #ffffffd9;border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #10b9810d,inset 0 1px 1px #ffffffe6}.portfolio-esg-item:hover{background:#ffffffe0;border-color:#10b98166;transform:translateY(-2px);box-shadow:0 8px 20px #10b9811f}.portfolio-esg-icon{background:#f0fdf4;border-radius:10px;padding:8px;font-size:26px;line-height:1}.portfolio-esg-details{flex-direction:column;gap:2px;display:flex}.portfolio-esg-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.portfolio-esg-value{font-size:20px;font-weight:850;font-family:var(--mono);color:#15803d;line-height:1.2}.portfolio-esg-note{color:var(--text-muted);font-size:11px}.portfolio-section-container{flex-direction:column;gap:14px;display:flex}.portfolio-section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;padding:0 4px;display:flex}.portfolio-section-title{color:var(--text);letter-spacing:-.3px;margin:0 0 4px;font-size:20px;font-weight:800}.portfolio-section-subtitle{color:var(--text-muted);margin:0;font-size:13px}.portfolio-filter-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.portfolio-filter-tabs{border-radius:var(--r-full);background:#f1f5f9;border:1px solid #e2e8f0e6;padding:3px;display:inline-flex}.portfolio-tab-btn{color:var(--text-muted);border-radius:var(--r-full);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s}.portfolio-tab-btn:hover{color:var(--text)}.portfolio-tab-btn--active{color:#002855;background:#fff;box-shadow:0 2px 6px #00000014}.portfolio-search-box{align-items:center;display:flex;position:relative}.portfolio-search-input{border-radius:var(--r-full);width:170px;height:34px;color:var(--text);background:#fff;border:1px solid #e2e8f0f2;outline:none;padding:0 30px 0 12px;font-size:12.5px;transition:all .2s}.portfolio-search-input:focus{border-color:#002855;width:210px;box-shadow:0 0 0 3px #0028551a}.portfolio-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1;position:absolute;right:10px}.portfolio-plants-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.portfolio-plant-card{-webkit-backdrop-filter:blur(20px)saturate(190%);background:#ffffffbd;border:1px solid #ffffffd9;border-radius:18px;flex-direction:column;gap:14px;padding:22px 24px;transition:all .24s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 10px 32px #0028550f,inset 0 1px 2px #fffffff2}.portfolio-plant-card:hover{background:#ffffffdb;border-color:#0284c780;transform:translateY(-4px);box-shadow:0 16px 40px -4px #0028551f,0 4px 12px -2px #0000000d}.portfolio-plant-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.portfolio-plant-card-title{color:#0f172a;letter-spacing:-.2px;margin:0 0 6px;font-size:17px;font-weight:800}.portfolio-plant-meta-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.portfolio-plant-meta-tag{color:var(--text-muted);border-radius:var(--r-sm);font-size:11px;font-weight:700;font-family:var(--mono);background:#f1f5f9;padding:2px 8px}.portfolio-plant-meta-tag--loc{color:var(--accent-dark);background:#0284c714;font-family:inherit}.portfolio-plant-metric-row{justify-content:space-between;align-items:flex-end;display:flex}.portfolio-plant-metric{flex-direction:column;display:flex}.portfolio-plant-metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.portfolio-plant-metric-value{color:var(--accent-dark);font-size:24px;font-weight:850;font-family:var(--mono);line-height:1.1}.portfolio-plant-metric-sub{color:var(--text);font-size:14px;font-weight:700;font-family:var(--mono)}.portfolio-plant-bar-track{border-radius:var(--r-full);background:#0000000f;width:100%;height:7px;overflow:hidden}.portfolio-plant-bar-fill{border-radius:var(--r-full);background:linear-gradient(90deg,#0284c7 0%,#10b981 100%);height:100%;transition:width .4s}.portfolio-plant-bar-sub{justify-content:space-between;align-items:center;margin-top:-6px;font-size:11.5px;display:flex}.portfolio-cap-ratio-badge{color:var(--text-muted)}.portfolio-plant-alarm-tag{color:var(--danger);font-weight:700}.portfolio-plant-ok-tag{color:#059669;font-weight:700}.portfolio-plant-kpi-subgrid{-webkit-backdrop-filter:blur(12px);background:#ffffff8c;border:1px solid #ffffffbf;border-radius:12px;grid-template-columns:1fr 1fr;gap:10px;padding:12px 14px;display:grid}.portfolio-subgrid-cell{flex-direction:column;gap:2px;display:flex}.subgrid-cell-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.subgrid-cell-val{color:var(--text);font-size:14px;font-weight:800;font-family:var(--mono)}.subgrid-cell-val--green{color:#059669}.subgrid-cell-val--blue{color:var(--accent-dark)}.portfolio-plant-card-action{width:100%;color:var(--accent-dark);cursor:pointer;background:linear-gradient(135deg,#0284c714 0%,#0284c729 100%);border:1px solid #0284c74d;border-radius:12px;justify-content:space-between;align-items:center;margin-top:4px;padding:11px 18px;font-size:13px;font-weight:750;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.portfolio-plant-card-action:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 14px #0284c759}.portfolio-action-arrow{font-size:16px;transition:transform .2s}.portfolio-plant-card-action:hover .portfolio-action-arrow{transform:translate(4px)}.portfolio-alarm-count-badge{color:var(--accent-dark);background:var(--accent-light);border-radius:var(--r-full);border:1px solid #0284c740;padding:3px 12px;font-size:11px;font-weight:700}.portfolio-empty-alarms{background:linear-gradient(145deg,#f0fdf4 0%,#fff 100%);border:1px solid #bbf7d0cc;border-radius:14px;align-items:center;gap:16px;padding:20px 24px;display:flex}.portfolio-empty-alarms-icon{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 12px #10b9814d}.portfolio-empty-alarms-text strong{color:#15803d;margin-bottom:2px;font-size:14px;display:block}.portfolio-empty-alarms-text p{color:var(--text-muted);margin:0;font-size:12.5px}.portfolio-alarms-table-wrapper{-webkit-backdrop-filter:blur(16px);background:#ffffffa6;border:1px solid #fffc;border-radius:12px;overflow:hidden}.portfolio-alarm-jump-link{color:var(--accent-dark);background:var(--accent-light);border-radius:var(--r-sm);border:1px solid #0284c733;padding:4px 10px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s}.portfolio-alarm-jump-link:hover{background:var(--accent);color:#fff}.dark-theme .portfolio-kpi-card,.dark-theme .portfolio-content-card,.dark-theme .portfolio-plant-card{-webkit-backdrop-filter:blur(20px)saturate(180%)!important;background:#0f172abf!important;border-color:#38bdf829!important;box-shadow:0 8px 32px #00000073!important}.dark-theme .portfolio-kpi-card:hover,.dark-theme .portfolio-plant-card:hover{background:#16213ed9!important;border-color:#38bdf859!important;box-shadow:0 12px 36px #0009!important}.dark-theme .portfolio-kpi-main-num,.dark-theme .portfolio-card-title,.dark-theme .portfolio-plant-card-title,.dark-theme .portfolio-section-title{color:#f8fafc}.dark-theme .portfolio-chip-item{background:#1e293bb3;border-color:#ffffff14}.dark-theme .portfolio-chip-item:hover{border-color:var(--accent);background:#1e293b}.dark-theme .portfolio-chip-name{color:#f8fafc}.dark-theme .portfolio-esg-card{background:linear-gradient(#0f172ae6 0%,#064e3b33 100%);border-color:#10b98133}.dark-theme .portfolio-esg-item{background:#1e293bbf;border-color:#10b98133}.dark-theme .portfolio-esg-icon{background:#10b98126}.dark-theme .portfolio-plant-kpi-subgrid{background:#1e293b99;border-color:#ffffff0f}.dark-theme .portfolio-plant-metric-sub{color:#e2e8f0}.dark-theme .portfolio-alarms-table-wrapper{background:#0f172ad9;border-color:#ffffff1a}.dark-theme .portfolio-chart-view-toggle,.dark-theme .portfolio-filter-tabs{background:#1e293bb3;border-color:#ffffff14}.dark-theme .chart-toggle-btn--active,.dark-theme .portfolio-tab-btn--active{color:#fff;background:#0284c7}.dark-theme .portfolio-search-input{color:#f8fafc;background:#1e293bcc;border-color:#ffffff1a}.dark-theme .portfolio-donut-center .donut-center-value{color:#f8fafc}.dark-theme .portfolio-legend-row{background:#1e293b99;border-color:#ffffff14}.dark-theme .portfolio-legend-row:hover{border-color:var(--accent);background:#1e293bf2}.dark-theme .legend-plant-name,.dark-theme .legend-metric-val{color:#f8fafc}.dark-theme .portfolio-prestige-hero{background:linear-gradient(135deg,#0f172aeb 0%,#0d1527f5 100%);border-color:#ffffff1a!important}.dark-theme .portfolio-owner-heading{color:#f8fafc}.dark-theme .portfolio-hero-stat-strip{background:#1e293bbf;border-color:#ffffff14}.dark-theme .hero-strip-val{color:#f8fafc}.dark-theme .hf-brand-pill{color:#38bdf8;background:#0284c726;border-color:#0284c74d}.portfolio-single-back-btn{color:#002855;border-radius:var(--r-full);cursor:pointer;background:#ffffffe6;border:1px solid #00285526;align-items:center;gap:8px;margin-bottom:14px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 6px #0000000a}.portfolio-single-back-btn:hover{color:#fff;background:#002855;transform:translate(-3px);box-shadow:0 4px 12px #00285526}.dark-theme .portfolio-single-back-btn{color:#f8fafc;background:#1e293be6;border-color:#ffffff1f}.dark-theme .portfolio-single-back-btn:hover{color:#fff;background:#0284c7}.portfolio-tech-matrix{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.portfolio-tech-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--r-lg);background:#ffffffa6;border:1px solid #fffc;gap:16px;padding:18px 20px;transition:all .25s;display:flex;box-shadow:0 4px 16px #0028550a,inset 0 1px 1px #ffffffe6}.portfolio-tech-card:hover{background:#ffffffd9;border-color:#0284c766;transform:translateY(-2px);box-shadow:0 8px 24px #00285514}.dark-theme .portfolio-tech-card{background:#1e293b8c;border-color:#ffffff14}.dark-theme .portfolio-tech-card:hover{background:#1e293bd9;border-color:#38bdf84d}.tech-card-icon{background:#0284c71a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;display:flex}.tech-card-content{flex-direction:column;gap:4px;display:flex}.tech-card-label{text-transform:uppercase;letter-spacing:.06em;color:#0284c7;font-size:10.5px;font-weight:800}.dark-theme .tech-card-label{color:#38bdf8}.tech-card-title{color:#002855;font-size:14.5px;font-weight:800;line-height:1.25}.dark-theme .tech-card-title{color:#f8fafc}.tech-card-desc{color:#64748b;margin:0;font-size:12.5px;line-height:1.45}.dark-theme .tech-card-desc{color:#94a3b8}.portfolio-inverter-action-box{border-top:1px dashed #0028551a;margin-top:14px;padding-top:14px}.dark-theme .portfolio-inverter-action-box{border-top-color:#ffffff1a}.portfolio-sld-jump-btn{color:#fff;border-radius:var(--r-md);cursor:pointer;background:linear-gradient(135deg,#002855 0%,#003875 100%);border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 18px;font-size:13.5px;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 12px #00285533}.portfolio-sld-jump-btn:hover{background:linear-gradient(135deg,#0284c7 0%,#002855 100%);transform:translateY(-2px);box-shadow:0 6px 18px #0284c74d}.dark-theme .portfolio-sld-jump-btn{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)}.dark-theme .portfolio-sld-jump-btn:hover{color:#0f172a;background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%)}.portfolio-eng-card{transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(24px)saturate(190%)!important;background:#ffffffc2!important;border:1px solid #ffffffd9!important;box-shadow:0 12px 36px #00285512,inset 0 1px 2px #fffffff2!important}.dark-theme .portfolio-eng-card{background:linear-gradient(#0f172ad9 0%,#1e293b99 100%);border-color:#38bdf82e}.portfolio-eng-header{border-bottom:1px solid #00285514;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.dark-theme .portfolio-eng-header{border-bottom-color:#ffffff14}.portfolio-eng-tabs{border-radius:var(--r-full);background:#0028550d;border:1px solid #00285514;align-items:center;gap:6px;padding:4px;display:flex}.dark-theme .portfolio-eng-tabs{background:#0f172aa6;border-color:#ffffff1a}.portfolio-eng-tab-btn{border-radius:var(--r-full);color:#475569;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.dark-theme .portfolio-eng-tab-btn{color:#94a3b8}.portfolio-eng-tab-btn:hover{color:#002855;background:#0028550f}.dark-theme .portfolio-eng-tab-btn:hover{color:#f8fafc;background:#ffffff14}.portfolio-eng-tab-btn--active{box-shadow:0 2px 10px #00285540;color:#fff!important;background:linear-gradient(135deg,#002855 0%,#003875 100%)!important}.dark-theme .portfolio-eng-tab-btn--active{box-shadow:0 2px 12px #0284c759;color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%)!important}.eng-tab-icon{font-size:15px}.portfolio-eng-tab-badge{color:#0f172a;background:#f59e0b;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800}.portfolio-eng-meta-ribbon{border-radius:var(--r-md);background:#00285508;border:1px solid #0028550f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 18px;display:flex}.dark-theme .portfolio-eng-meta-ribbon{background:#0f172a80;border-color:#ffffff12}.eng-meta-item{flex-direction:column;gap:2px;display:flex}.eng-meta-label{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:10px;font-weight:800}.dark-theme .eng-meta-label{color:#94a3b8}.eng-meta-val{color:#002855;font-size:13.5px;font-weight:800;font-family:var(--font-mono,monospace)}.dark-theme .eng-meta-val{color:#f8fafc}.eng-meta-divider{background:#0028551a;width:1px;height:28px}.dark-theme .eng-meta-divider{background:#ffffff1a}.portfolio-sld-canvas-box{border-radius:var(--r-md);-webkit-backdrop-filter:blur(16px);background:#ffffffa6;border:1px solid #fffc;width:100%;overflow:hidden;box-shadow:0 4px 16px #0028550a}.dark-theme .portfolio-sld-canvas-box{background:#0f172a;border-color:#ffffff14}.portfolio-fleet-summary-bar{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px;display:grid}.fleet-sum-item{-webkit-backdrop-filter:blur(12px);border-radius:var(--r-md);background:#ffffff8c;border:1px solid #ffffffbf;flex-direction:column;gap:3px;padding:14px 16px;display:flex;box-shadow:0 2px 8px #00285508}.dark-theme .fleet-sum-item{background:#0f172a80;border-color:#ffffff0f}.fleet-sum-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:10px;font-weight:800}.dark-theme .fleet-sum-label{color:#94a3b8}.fleet-sum-val{font-size:18px;font-weight:800;font-family:var(--font-mono,monospace);color:#002855}.dark-theme .fleet-sum-val{color:#f8fafc}.fleet-sum-sub{color:#94a3b8;font-size:11px}.portfolio-inverters-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.portfolio-eng-alarms-wrapper{margin-top:8px}