:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf1f4;background:#02121f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.login-layout{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 75% 15%,#12465a 0,#02121f 38%)}.login-card{width:min(100%,430px);padding:42px;border:1px solid #2a4554;background:#041b29e0;border-radius:28px;box-shadow:0 30px 80px #0008}.bolt{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#25d98a;color:#02121f;font-size:30px;font-weight:800}.login-card h1{margin:7px 0;font-size:34px}.eyebrow{color:#70e5b4;font-weight:700;font-size:11px;letter-spacing:.13em;margin:18px 0 7px}.muted{color:#99abb4;line-height:1.5}.login-card form,.modal form{display:grid;gap:15px;margin-top:28px}label{display:grid;gap:8px;color:#c8d4d9;font-size:13px;font-weight:650}input{width:100%;border:1px solid #385364;border-radius:11px;padding:13px;color:#eaf1f4;background:#0a2637;outline-color:#25d98a}.primary,.secondary,.danger,.text-button,.icon-button{border:0;border-radius:10px;padding:12px 16px;font-weight:750}.primary{color:#02121f;background:#25d98a}.secondary{color:#dce7eb;background:#173747;border:1px solid #345666}.danger{color:#fff;background:#c83c4c}.compact{padding:8px 12px;font-size:13px}.text-button{padding:0;color:#70e5b4;background:transparent}.form-error{color:#ff98a4;margin:0;font-size:13px}.login-footnote{margin:25px 0 0;color:#6f8792;font-size:12px;line-height:1.5}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#071b28}.sidebar{display:flex;flex-direction:column;min-height:100vh;padding:24px 14px;background:#02121f;border-right:1px solid #214151}.brand{display:flex;align-items:center;gap:11px;padding:4px 12px 28px}.brand>span{display:grid;place-items:center;width:35px;height:35px;background:#25d98a;color:#02121f;border-radius:10px;font-size:20px;font-weight:900}.brand strong,.brand small{display:block}.brand small{color:#7e98a4;font-size:11px;margin-top:2px}.sidebar nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:13px;border:0;width:100%;text-align:left;padding:12px;border-radius:10px;color:#9db1ba;background:transparent}.nav-item.active,.nav-item:hover{color:#fff;background:#173747}.nav-item.active{box-shadow:inset 3px 0 #25d98a}.nav-item span{width:18px;text-align:center}.sidebar-bottom{margin-top:auto;padding:18px 12px 4px;border-top:1px solid #214151;display:grid;gap:10px;color:#80959f;font-size:12px;overflow-wrap:anywhere}.content{max-width:1450px;width:100%;margin:0 auto;padding:40px}.topbar,.panel-head,.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar{margin-bottom:30px}.topbar .eyebrow{margin:0 0 5px}.topbar h2,.panel h3{margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric,.panel{border:1px solid #274a5c;border-radius:16px;background:#0b2636}.metric{min-height:132px;padding:22px;display:grid;align-content:space-between;border-top-width:3px}.metric strong{font-size:36px}.metric span{color:#9db1ba}.metric.green{border-top-color:#25d98a}.metric.blue{border-top-color:#6fc2ff}.metric.orange{border-top-color:#ffba67}.metric.red{border-top-color:#ff6979}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:24px}.panel-head{margin-bottom:20px}.panel-head .eyebrow{margin:0 0 5px}.binding-row{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid #274a5c;color:#a8bbc3}.binding-row strong{color:#fff}.checklist{margin:0;padding-left:22px;display:grid;gap:15px;color:#c7d7dc}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:740px}th{color:#7f98a3;font-size:11px;letter-spacing:.09em;text-align:left;padding:10px 12px;border-bottom:1px solid #2b4b5b}td{padding:14px 12px;border-bottom:1px solid #1d3b4b;color:#dce8eb;vertical-align:middle}td strong,td small{display:block}td small{color:#8ca4ae;margin-top:5px}.status{display:inline-block;padding:5px 8px;border-radius:999px;background:#284c5d;font-size:11px;font-weight:750}.status.active,.status.online,.status.charging{color:#53e5a6;background:#164936}.status.disabled,.status.offline{color:#ffbd73;background:#583a17}.status.error{color:#ff95a0;background:#5a2028}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.empty,.loading{padding:36px;color:#91a8b1;text-align:center}.banner{margin-bottom:18px;padding:12px 14px;border-radius:10px}.banner.error{color:#ffbdc4;background:#4d2029;border:1px solid #7e3340}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#000a}.modal{width:min(100%,560px);max-height:88vh;overflow:auto;padding:24px;border:1px solid #355565;border-radius:18px;background:#0b2636;box-shadow:0 30px 90px #0009}.modal-head{margin-bottom:16px}.modal-head h3{margin:0}.icon-button{color:#b8c8ce;background:transparent;font-size:26px;padding:0 6px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detail-grid div{display:grid;gap:5px}.detail-grid small{color:#819aa5}.detail-grid strong{overflow-wrap:anywhere}.danger-zone{margin-top:26px;padding-top:18px;border-top:1px solid #385565}.danger-zone p{color:#a9bbc1;font-size:13px}@media(max-width:820px){.shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:12px;border-right:0;border-bottom:1px solid #214151}.brand{padding:5px 10px 14px}.sidebar nav{grid-template-columns:repeat(4,1fr)}.nav-item{justify-content:center;padding:10px 4px;font-size:11px;gap:5px;flex-direction:column}.nav-item.active{box-shadow:inset 0 -3px #25d98a}.sidebar-bottom{display:none}.content{padding:24px 16px}.metric-grid{grid-template-columns:repeat(2,1fr)}.two-column,.detail-grid{grid-template-columns:1fr}}