:root{--bg:#030706;--surface:#07100e;--surface2:#0a1713;--line:#14372c;--line2:#205341;--text:#e2f5ec;--muted:#91b1a2;--green:#31f08b;--green2:#00b862;--cyan:#29d9d0;--amber:#ffbd4a;--red:#ff5864;--purple:#9d7bff;--shadow:0 18px 60px rgba(0,0,0,.42)}
body{background:radial-gradient(ellipse at 70% 0,#145b3455,transparent 55%),var(--bg);line-height:1.7}
body:before,.scanlines{display:none}.sidebar{background:#04100be8;border-color:var(--line)}
.brand-block strong{color:var(--text);letter-spacing:2px}.brand-mark{background:linear-gradient(135deg,#00b862,#31f08b);border:none;box-shadow:none}.brand-mark span{background:#fff;box-shadow:none}.system-state{background:#0a1b13;border-color:var(--line);color:var(--muted)}.system-state i,.operator-dot{animation:none;box-shadow:none}
.side-nav a{padding:14px 16px;font-size:14px;color:var(--muted)}.side-nav a.active{background:linear-gradient(100deg,#15582c80,#0e332050);border-color:#31f08b60;color:var(--text)}.side-nav a:hover{background:var(--surface2);color:white}.nav-icon{font-size:21px}
.topbar{background:#030d08cc;backdrop-filter:blur(14px);border-color:var(--line)}.topbar h1{font-size:21px}.content{max-width:1680px;margin:auto;padding:30px}.eyebrow{letter-spacing:1.5px;color:var(--cyan)}
.page-intro h2{font-size:27px}.page-intro p{color:var(--muted)}.panel{border-radius:18px;background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}.panel-head{background:transparent;border-bottom:1px solid var(--line);padding:22px 24px;gap:14px;flex-wrap:wrap}.panel-head h2{font-size:17px}.panel-body{padding:24px}.panel-head small,.metric small{letter-spacing:1px}
.metric{border-radius:18px;background:linear-gradient(145deg,#0d291a,var(--surface));border:1px solid var(--line);box-shadow:var(--shadow);padding:24px}.metric:before{display:none}.metric strong{color:var(--text);font-size:38px}.metric-icon{background:#14693660;border-radius:12px;padding:2px 10px}.metric.cyan .metric-icon{background:#176b6560}.metric.amber .metric-icon{background:#66532c60}.metric.purple .metric-icon{background:#56478060}
input,select,textarea{background:#020b07;color:var(--text);border:1px solid #205341;border-radius:10px;font-size:14px;padding:12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--cyan);outline-offset:2px}input::placeholder{color:#78968a}button,a.btn{min-height:42px;border-radius:10px;font-size:13px;transition:background .15s,transform .15s}.primary-button,.btn{background:linear-gradient(120deg,#31f08b,#00b862);color:#071823;border:none;box-shadow:none;font-weight:bold}.ghost-button{background:#0d2016;border:1px solid #205341;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px}.danger-button{background:#692b3a40;border:1px solid #b95165;color:#ffb5c0}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
th{color:var(--muted);background:#06120c;font-size:12px}td{padding:18px 16px;border-color:var(--line)}tbody tr:hover{background:#153f2850}.subtext{color:var(--muted);line-height:1.8}.status{box-shadow:none;border-radius:30px;padding:5px 12px;font-size:12px}.json-box,.audit-json,.terminal{background:#020b07;color:var(--muted);border-color:var(--line)}.policy-item,.device-check{background:#06120c;border-color:var(--line)}.policy-item{border-radius:10px;padding:12px}.data-list dt{color:var(--muted)}.data-list dd{overflow-wrap:anywhere}.server-chip{background:#0a1b13}footer{color:var(--muted)}
.location-layout{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:center}.location-visual{position:relative;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;background:radial-gradient(circle,#14693b55,transparent 65%),#030d08;overflow:hidden}.location-visual span{font-size:96px;color:var(--green);line-height:1.3;z-index:1}.location-visual small{font-size:10px;letter-spacing:2px;color:var(--muted);z-index:1}.location-orbit{position:absolute;width:180px;height:180px;border:1px solid #31f08b55;border-radius:50%;box-shadow:0 0 0 24px #31f08b0b,0 0 0 48px #31f08b07}.location-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0 12px}.location-actions form{margin:0}.location-actions a[hidden]{display:none}.fleet-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:18px 24px;border-bottom:1px solid var(--line)}.fleet-toolbar input{flex:1;min-width:180px}.fleet-toolbar select{width:180px}.fleet-summary{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.fleet-summary span{padding:10px 18px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.no-results{padding:24px;text-align:center;color:var(--muted)}[hidden]{display:none!important}.login-card{background:var(--surface);border-color:var(--line);border-radius:22px}details summary{cursor:pointer;color:var(--cyan);padding:8px 0}.menu-button{min-width:44px}
@media(max-width:760px){.content{padding:20px 12px}.panel-head{min-width:0;padding:16px}.panel-body{padding:16px}.location-layout{grid-template-columns:1fr}.location-visual{min-height:155px}.location-visual span{font-size:70px}.location-orbit{width:110px;height:110px}.location-actions>*{flex:1}.location-actions button{width:100%}.page-intro h2{font-size:22px}.metric{padding:16px}.metric strong{font-size:29px}.metrics{gap:12px}.panel-head input{max-width:100%!important}.data-list{grid-template-columns:minmax(105px,.9fr) minmax(0,1.1fr)}.fleet-toolbar{padding:16px}.panel{overflow-x:auto}.sidebar{background:#04100b}.location-panel{overflow:hidden}.location-panel .data-list dd{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.policy-item label{background:#06120c}.policy-item input:focus-visible+label{outline:2px solid var(--cyan);outline-offset:3px}.operator{background:#0a1b13}.device-select-head{gap:12px}.data-list dt,.data-list dd{border-color:var(--line)}

body{background:radial-gradient(circle at 80% -10%,rgba(49,240,139,.12),transparent 28%),var(--bg)}body:before{display:block}.scanlines{display:block;opacity:.02}.brand-block strong{color:var(--green)}.brand-mark{background:#0b2116;border:1px solid var(--green2)}.brand-mark span{background:var(--green)}.metric strong{color:var(--green)}.primary-button,.btn{color:#001c0e}.location-visual{background:radial-gradient(circle,#14693b55,transparent 65%),#030d08}
