:root[data-theme=dark-industrial],:root{--bg-primary: #0d1117;--bg-secondary: #0a0e15;--bg-card: #161b22;--bg-card2: #1c2333;--border: #30363d;--accent: #00b4d8;--accent-dim: #0077a3;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--status-ok: #3fb950;--status-warning: #d29922;--status-alarm: #f85149;--status-offline: #6e7681;--nav-width: 220px;--topbar-height: 56px;--radius: 8px;--shadow: 0 4px 20px rgba(0,0,0,.5)}:root[data-theme=dark-blue]{--bg-primary: #0a0f1e;--bg-secondary: #080c18;--bg-card: #0f1a2e;--bg-card2: #142240;--border: #1e3a5f;--accent: #4e9af1;--accent-dim: #2c6acd;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #475569;--status-ok: #22c55e;--status-warning: #eab308;--status-alarm: #ef4444;--status-offline: #64748b}:root[data-theme=light-pro]{--bg-primary: #f8f9fa;--bg-secondary: #f1f3f5;--bg-card: #ffffff;--bg-card2: #f8f9fa;--border: #dee2e6;--accent: #2563eb;--accent-dim: #1d4ed8;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--status-ok: #16a34a;--status-warning: #d97706;--status-alarm: #dc2626;--status-offline: #9ca3af;--shadow: 0 2px 8px rgba(0,0,0,.12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5;overflow:hidden}.leaflet-container{background:var(--bg-secondary)!important;font-family:inherit!important}.leaflet-popup-content-wrapper{background:var(--bg-card)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;padding:0!important}.leaflet-popup-tip{background:var(--bg-card)!important}.leaflet-popup-close-button{color:var(--text-secondary)!important}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--nav-width);background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden;transition:width .22s ease}.sidebar.sidebar-collapsed{width:56px}.sidebar-logo-text,.nav-item-label,.nav-section-label,.user-info{transition:opacity .18s ease,width .18s ease;white-space:nowrap;overflow:hidden}.sidebar.sidebar-collapsed .sidebar-logo-text,.sidebar.sidebar-collapsed .nav-item-label,.sidebar.sidebar-collapsed .nav-section-label,.sidebar.sidebar-collapsed .user-info{opacity:0;width:0;pointer-events:none}.sidebar.sidebar-collapsed .nav-item{justify-content:center;padding:9px 0;width:calc(100% - 12px);gap:0}.sidebar.sidebar-collapsed .sidebar-logo{justify-content:center;padding:14px 8px}.sidebar.sidebar-collapsed .user-badge{justify-content:center;padding:8px 0}.sidebar.sidebar-collapsed .sidebar-logout-btn{margin-left:0}.sidebar.sidebar-collapsed .nav-section{padding:12px 0 4px;display:flex;justify-content:center}.sidebar-toggle-mobile,.sidebar-backdrop{display:none}.sidebar-toggle-btn{background:none;border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);cursor:pointer;font-size:16px;line-height:1;padding:4px 8px;transition:background .15s,color .15s;flex-shrink:0}.sidebar-toggle-btn:hover{background:var(--bg-card2);color:var(--text-primary)}.sidebar-logout-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:15px;line-height:1;padding:2px 4px;margin-left:auto;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0}.sidebar-logout-btn:hover{color:var(--status-alarm);background:#f851491f}.sidebar-logo{padding:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-logo .logo-mark{width:32px;height:32px;flex-shrink:0;display:block}.sidebar-logo .logo-text,.sidebar-logo-text{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1.1}.sidebar-logo .logo-text span,.sidebar-logo-text span{color:var(--accent)}.nav-section{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:12px 8px 4px 12px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:1px 6px;border-radius:6px;cursor:pointer;color:var(--text-secondary);transition:all .15s;font-size:13.5px;text-decoration:none;border:none;background:none;width:calc(100% - 12px);text-align:left}.nav-item:hover{background:var(--bg-card2);color:var(--text-primary)}.nav-item.active{background:var(--accent);color:#000;font-weight:600}.nav-item.active svg{color:#000}.nav-item svg{width:16px;height:16px;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding:12px;border-top:1px solid var(--border)}.user-badge{display:flex;align-items:center;gap:8px;padding:8px;border-radius:6px;background:var(--bg-card2)}.user-avatar{width:28px;height:28px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#000}.user-info .username{font-size:12px;font-weight:600}.user-info .role{font-size:11px;color:var(--text-muted)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--topbar-height);background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:12px;flex-shrink:0}.topbar-title{font-size:16px;font-weight:600}.topbar-subtitle{font-size:12px;color:var(--text-secondary);margin-left:4px}.content-area{flex:1;overflow:auto;position:relative}@media (max-width: 860px){.sidebar-toggle-desktop{display:none}.sidebar-toggle-mobile{display:inline-flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;width:250px;transform:translate(-100%);transition:transform .22s ease;box-shadow:2px 0 24px #0006}.sidebar.sidebar-mobile-open{transform:translate(0)}.sidebar.sidebar-collapsed{width:250px}.sidebar.sidebar-collapsed .sidebar-logo-text,.sidebar.sidebar-collapsed .nav-item-label,.sidebar.sidebar-collapsed .nav-section-label,.sidebar.sidebar-collapsed .user-info{opacity:1;width:auto;pointer-events:auto}.sidebar.sidebar-collapsed .nav-item{justify-content:flex-start;padding:9px 12px;width:calc(100% - 12px);gap:10px}.sidebar.sidebar-collapsed .sidebar-logo{justify-content:flex-start;padding:16px}.sidebar.sidebar-collapsed .user-badge{justify-content:flex-start;padding:8px}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:39}.main-area{width:100%}.topbar{padding:0 14px}.page-wrap{padding:16px!important}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:12px}.btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{opacity:.85}.btn-secondary{background:var(--bg-card2);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent)}.btn-danger{background:var(--status-alarm);color:#fff}.btn-danger:hover{opacity:.85}.btn-sm{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:5px}.form-control{width:100%;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;outline:none;transition:border-color .15s}.form-control:focus{border-color:var(--accent)}.form-control::placeholder{color:var(--text-muted)}select.form-control option{background:var(--bg-card)}td select.form-control{min-width:110px;width:auto}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;min-width:560px;border-collapse:collapse}th{text-align:left;padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border);background:var(--bg-card2)}td{padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-card2)}@media (max-width: 700px){.table-wrap{overflow-x:visible}table{min-width:0}thead{display:none}table,tbody,tr,td{display:block;width:100%}tr{margin-bottom:12px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card)}tr:hover td{background:transparent}td{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:right}td:before{content:attr(data-label);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);text-align:left;flex-shrink:0}td:last-child{border-bottom:none;justify-content:flex-end}td:last-child:before{content:none}td:last-child:empty{display:none;padding:0}td select.form-control{min-width:0;width:auto;max-width:160px}}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-ok{background:#3fb95026;color:var(--status-ok)}.badge-warning{background:#d2992226;color:var(--status-warning)}.badge-alarm{background:#f8514926;color:var(--status-alarm)}.badge-offline{background:#6e768126;color:var(--status-offline)}.hb-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--status-ok);margin-right:5px;vertical-align:middle;animation:hb-blink 2s ease-in-out infinite}.hb-pulse-idle{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0}.hb-pulse-active{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--status-ok);flex-shrink:0;animation:hb-ping .8s ease-in-out infinite}@keyframes hb-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes hb-ping{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.badge-info{background:#00b4d826;color:var(--accent)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s}.splash-logo{font-size:48px;font-weight:800;color:var(--text-primary);margin-bottom:8px}.splash-logo span{color:var(--accent)}.splash-tagline{color:var(--text-secondary);font-size:14px;margin-bottom:40px}.splash-bar-track{width:240px;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.splash-bar-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease}.splash-version{margin-top:16px;font-size:11px;color:var(--text-muted)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:40px;width:380px;box-shadow:var(--shadow)}.login-logo{text-align:center;margin-bottom:28px}.login-logo .logo-mark-lg{width:72px;height:72px;display:inline-block;margin-bottom:12px}.login-logo h1{font-size:22px;font-weight:700}.login-logo h1 span{color:var(--accent)}.login-logo p{color:var(--text-secondary);font-size:13px;margin-top:4px}.login-error{background:#f851491a;border:1px solid var(--status-alarm);border-radius:6px;padding:10px 12px;color:var(--status-alarm);font-size:13px;margin-bottom:16px}.map-container{width:100%;height:100%}.map-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.loc-popup{padding:12px;min-width:240px;max-width:300px}.loc-popup-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.loc-popup-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px}.loc-popup-name{font-size:14px;font-weight:600}.loc-popup-device{font-size:11px;color:var(--text-secondary)}.loc-popup-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.loc-popup-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase}.loc-popup-val{font-size:14px;font-weight:600}.loc-popup-unit{font-size:10px;color:var(--text-muted)}.loc-popup-footer{display:flex;gap:8px}.location-dashboard{padding:20px;height:100%;overflow-y:auto}.dashboard-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px}.value-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.value-label{font-size:11px;color:var(--text-secondary);margin-bottom:4px}.value-main{font-size:24px;font-weight:700}.value-unit{font-size:12px;color:var(--text-muted);margin-left:4px}.value-bool-true{color:var(--status-ok)}.value-bool-false{color:var(--status-offline)}.react-grid-item.react-grid-placeholder{background:#00b4d826!important;border:2px dashed var(--accent)!important;border-radius:8px!important;opacity:.8!important}.react-resizable-handle{opacity:0;transition:opacity .15s}.react-grid-item:hover .react-resizable-handle{opacity:1}.react-resizable-handle:after{border-color:var(--accent)!important}.tile-drag-handle:hover{background:#00b4d80d}.admin-wrap{padding:20px}.admin-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border)}.admin-tab{padding:8px 16px;border:none;background:none;cursor:pointer;color:var(--text-secondary);font-size:13px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.alarm-panel{padding:20px}.alarm-row td:first-child{font-weight:500}.chart-container{width:100%}.time-range-btns{display:flex;gap:4px;margin-bottom:12px}.time-btn{padding:4px 10px;border-radius:4px;border:1px solid var(--border);background:none;cursor:pointer;color:var(--text-secondary);font-size:12px;transition:all .15s}.time-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}.time-btn:hover:not(.active){border-color:var(--accent);color:var(--accent)}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(2.5);opacity:0}}.map-pin-icon{background:transparent!important;border:none!important;overflow:visible!important}.map-pin-wrap{display:flex;flex-direction:column;align-items:center;width:160px;height:70px;justify-content:center;pointer-events:none}.map-pin-simple{height:20px}.map-pin-body{position:relative;width:32px;height:32px;flex-shrink:0;pointer-events:all}.map-pin-dot{width:32px;height:32px;border-radius:50%;border:3px solid rgba(255,255,255,.85);box-shadow:0 3px 10px #0009;position:relative;z-index:2}.map-pin-ring{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:3px solid;pointer-events:none;z-index:1}.ring-alarm{animation:pin-pulse 1.2s ease-out infinite}.ring-warning{animation:pin-pulse 2.6s ease-out infinite}@keyframes pin-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(3.8);opacity:0}}.map-pin-value{margin-top:3px;background:#000000d1;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:3px;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em}.map-pin-label{color:#fff;font-size:10px;font-weight:600;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #000,0 -1px 3px #000,1px 0 3px #000,-1px 0 3px #000}.flow-line-animated{animation:flow-dash 1.5s linear infinite}@keyframes flow-dash{to{stroke-dashoffset:-22}}.map-cluster-dot{border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:transform .15s,box-shadow .15s}.map-cluster-dot:hover{transform:scale(1.12)}.map-cluster-inner{display:flex;flex-direction:column;align-items:center;gap:1px;position:relative;z-index:2}.map-cluster-count{font-weight:800;color:#fff;line-height:1;letter-spacing:-.5px;text-shadow:0 1px 4px rgba(0,0,0,.7)}.map-cluster-label{font-size:8px;font-weight:700;color:#ffffffa6;text-transform:uppercase;letter-spacing:.06em;line-height:1}.cluster-pulse-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid;animation:pin-pulse 1.2s ease-out infinite;pointer-events:none;z-index:1}.cluster-pulse-slow{animation-duration:2.6s}.layers-panel{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:200px;padding:10px 10px 8px;z-index:1001}.layers-section-title{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;margin-top:2px}.layers-basemap-btns{display:flex;gap:6px;margin-bottom:2px}.layers-basemap-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:1.5px solid var(--border);border-radius:6px;background:var(--bg-card2);cursor:pointer;font-size:11px;color:var(--text-secondary);transition:all .15s}.layers-basemap-btn:hover{border-color:var(--accent);color:var(--text-primary)}.layers-basemap-btn.active{border-color:var(--accent);background:#00b4d81f;color:var(--accent);font-weight:600}.layers-basemap-icon{font-size:20px;line-height:1}.layers-divider{height:1px;background:var(--border);margin:8px 0}.layers-toggle{display:flex;align-items:center;gap:8px;margin-bottom:6px;cursor:default;-webkit-user-select:none;user-select:none}.layers-toggle-track{width:30px;height:17px;border-radius:9px;background:var(--border);position:relative;flex-shrink:0;transition:background .2s;cursor:pointer}.layers-toggle-track.on{background:var(--accent)}.layers-toggle-thumb{width:13px;height:13px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s;box-shadow:0 1px 2px #00000059}.layers-toggle-track.on .layers-toggle-thumb{transform:translate(13px)}.layers-toggle-label{font-size:12px;color:var(--text-primary)}.layers-toggle-note{font-size:10px;color:var(--text-muted);font-style:italic}.layers-toggle-disabled{opacity:.45;pointer-events:none}.cluster-panel{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(500px,calc(100% - 20px));background:var(--bg-card);border:1px solid var(--border);border-bottom:none;border-radius:14px 14px 0 0;box-shadow:0 -6px 30px #00000073;z-index:1000;max-height:55vh;display:flex;flex-direction:column;animation:cluster-panel-up .2s ease-out}@keyframes cluster-panel-up{0%{transform:translate(-50%) translateY(16px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.cluster-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.cluster-panel-title{font-size:13px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:6px}.cluster-panel-count{color:var(--accent);font-size:15px}.cluster-panel-close{background:none;border:none;color:var(--text-secondary);font-size:16px;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;transition:background .1s}.cluster-panel-close:hover{background:var(--bg-card2);color:var(--text-primary)}.cluster-panel-list{overflow-y:auto;padding:4px 0 8px;flex:1}.cluster-panel-item{display:flex;align-items:center;gap:10px;padding:8px 16px;transition:background .1s}.cluster-panel-item:hover{background:var(--bg-card2)}.cluster-panel-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,255,255,.3)}.cluster-panel-info{flex:1;min-width:0}.cluster-panel-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cluster-panel-sub{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cluster-panel-val{font-size:13px;font-weight:700;color:var(--accent);white-space:nowrap;flex-shrink:0}.leaflet-popup-content-wrapper{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:8px!important;box-shadow:0 4px 20px #00000080!important;color:var(--text-primary)!important;padding:0!important}.leaflet-popup-content{margin:0!important}.leaflet-popup-tip-container .leaflet-popup-tip{background:var(--bg-card)!important}.leaflet-popup-close-button{color:var(--text-secondary)!important;top:6px!important;right:8px!important;font-size:18px!important}.leaflet-popup-close-button:hover{color:var(--text-primary)!important}.map-controls{position:absolute;top:10px;left:50px;z-index:1000;display:flex;gap:6px;align-items:flex-start}.btn-menu-open{border-color:var(--accent)!important;color:var(--accent)!important}.loc-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:220px;max-height:320px;overflow-y:auto;z-index:1001}.loc-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;border:none;background:none;cursor:pointer;color:var(--text-primary);font-size:12px;text-align:left;transition:background .1s}.loc-menu-item:hover{background:var(--bg-card2)}.loc-menu-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.loc-menu-arrow{margin-left:auto;color:var(--text-muted);font-size:14px}.map-no-locations{position:absolute;top:56px;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:10px 20px;z-index:1000;font-size:13px;color:var(--text-secondary);pointer-events:none;white-space:nowrap}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state svg{width:48px;height:48px;margin-bottom:12px;opacity:.4}.empty-state h3{font-size:16px;margin-bottom:6px;color:var(--text-secondary)}.divider{height:1px;background:var(--border);margin:16px 0}.flex{display:flex}.flex-center{display:flex;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.text-sm{font-size:12px}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-bold{font-weight:700}.w-full{width:100%}.control-group{margin-bottom:12px}.control-group:last-child{margin-bottom:0}.control-group-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px}.control-buttons-row{display:flex;flex-wrap:wrap;gap:10px}.control-button-card{background:var(--bg-card2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;min-width:150px;display:flex;flex-direction:column;gap:6px}.control-button-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.control-label{font-size:13px;font-weight:600;color:var(--text-primary)}.control-category-tag{font-size:10px;padding:1px 6px;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);text-transform:capitalize}.control-state-indicator{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;letter-spacing:.05em}.control-state-indicator.state-on{color:var(--status-ok)}.control-state-indicator.state-off{color:var(--text-muted)}.control-state-indicator.state-unknown{color:var(--status-warning)}.state-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.state-on .state-dot{background:var(--status-ok);box-shadow:0 0 5px var(--status-ok)}.state-off .state-dot{background:var(--text-muted)}.state-unknown .state-dot{background:var(--status-warning)}.control-buttons-pair{display:flex;gap:6px}.control-buttons-pair .control-exec-btn{flex:1;width:auto}.control-exec-btn{font-size:12px;font-weight:600;padding:7px 14px;border-radius:6px;border:none;cursor:pointer;transition:opacity .15s,background .15s;width:100%}.btn-control-start{background:var(--status-ok);color:#000}.btn-control-start:hover:not(:disabled){opacity:.85}.btn-control-stop{background:var(--status-alarm);color:#fff}.btn-control-stop:hover:not(:disabled){opacity:.85}.btn-control-action{background:var(--accent);color:#000}.btn-control-action:hover:not(:disabled){opacity:.85}.btn-disabled{opacity:.4;cursor:not-allowed}.control-exec-btn:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:24px;width:500px;max-width:95vw;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow)}.modal-title{font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.tag-ac-list{position:absolute;top:calc(100% + 3px);left:0;right:0;background:var(--bg-card);border:1px solid var(--accent);border-radius:6px;max-height:220px;overflow-y:auto;list-style:none;margin:0;padding:4px 0;z-index:9999;box-shadow:0 6px 24px #0000008c}.tag-ac-item{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;cursor:pointer;gap:8px;transition:background .1s;min-width:0}.tag-ac-item:hover,.tag-ac-item.active{background:var(--bg-card2)}.tag-ac-item.active{outline:1px solid var(--accent);outline-offset:-1px}.tag-ac-name{font-family:Consolas,Courier New,monospace;font-size:12px;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-ac-type{font-size:10px;color:var(--text-muted);flex-shrink:0;background:var(--bg-primary);padding:1px 5px;border-radius:3px;font-family:monospace}.sp-panel{padding:14px 16px 10px;border-top:2px solid var(--accent);background:var(--bg-secondary)}.sp-panel-title{font-size:12px;font-weight:600;color:var(--accent);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}.sp-grid{display:grid;grid-template-columns:52px 60px 90px 1fr 90px 38px 32px auto;gap:5px 8px;align-items:center}.sp-col-head{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding-bottom:2px}.sp-badge{display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 7px;border-radius:4px;border:1px solid currentColor}.sp-badge-hh,.sp-badge-ll{color:#f85149;background:#f851491a}.sp-badge-h,.sp-badge-l{color:#d29922;background:#d299221a}.sp-badge-custom{color:#58a6ff;background:#58a6ff1a}.sp-cond{font-size:13px;font-weight:700;color:var(--text-secondary);text-align:center}.sp-input-sm{font-size:12px!important;padding:4px 6px!important;height:28px!important}.sp-color{width:34px;height:28px;padding:2px;border:1px solid var(--border);border-radius:4px;background:var(--bg-card2);cursor:pointer}.sp-toggle-wrap{display:flex;align-items:center;justify-content:center;cursor:pointer}.sp-help{margin-top:10px;font-size:11px;color:var(--text-muted)}body{overflow:auto}.cloud-badge,h1 .cloud-badge,.login-logo h1 span.cloud-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--bg-primary)!important;background:var(--accent);border-radius:4px;padding:2px 6px;margin-left:6px;vertical-align:middle}.topbar-company{font-size:13px;font-weight:600;color:var(--text-secondary)}.page-wrap{padding:24px;max-width:1200px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px;flex-wrap:wrap}.page-header h2{font-size:18px;font-weight:700}.page-header p{font-size:13px;color:var(--text-secondary);margin-top:2px}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.site-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.site-card:hover{border-color:var(--accent);transform:translateY(-1px)}.site-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.site-card-name{font-size:15px;font-weight:700;margin-bottom:2px}.site-card-key{font-size:11px;color:var(--text-muted);font-family:SFMono-Regular,Consolas,monospace}.site-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot-online{background:var(--status-ok);box-shadow:0 0 6px var(--status-ok)}.status-dot-offline{background:var(--status-offline)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state-icon{font-size:36px;margin-bottom:12px;opacity:.6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;width:380px;max-width:calc(100vw - 32px);box-shadow:var(--shadow)}.modal-title{font-size:15px;font-weight:700;margin-bottom:16px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.token-reveal{background:var(--bg-secondary);border:1px dashed var(--accent);border-radius:6px;padding:12px;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;word-break:break-all;margin:12px 0;color:var(--accent)}.token-warning{font-size:12px;color:var(--status-warning);margin-bottom:8px}.tank-gauge-wrap{display:flex;flex-direction:column;align-items:center}.tank-gauge-pct{font-size:20px;font-weight:700;margin-top:8px}.tank-gauge-label{font-size:11px;color:var(--text-secondary)}.control-toggle{display:flex;align-items:center;gap:10px;margin-top:10px}.site-dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.last-updated{font-size:12px;color:var(--text-muted)}.role-pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:var(--bg-card2);color:var(--text-secondary)}.role-pill-owner{color:var(--accent);background:#00b4d81f}.role-pill-admin{color:var(--status-ok);background:#3fb9501f}.security-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.security-card+.security-card{margin-top:16px}.backup-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.backup-code-chip{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:6px 10px;text-align:center}.mfa-method-row{display:flex;gap:8px;margin-bottom:16px}.mfa-method-btn{flex:1;padding:10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:13px}.mfa-method-btn.active{border-color:var(--accent);color:var(--accent)}.qr-box{background:#fff;padding:10px;border-radius:6px;display:inline-block;margin:10px 0}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:12px;padding:0}.link-btn:hover{text-decoration:underline}.sidebar-cloud-note{font-size:10px;color:var(--text-muted);padding:10px 16px;line-height:1.4}@media (max-width: 720px){.page-wrap{padding:16px}.site-grid{grid-template-columns:1fr}}