:root{color-scheme:dark;--bg:#09111f;--panel:#111d2f;--panel2:#17263b;--text:#f4f7fb;--muted:#98a8bc;--accent:#56d6b4;--accent2:#56a6f4;--danger:#ff7b86;--line:#263750}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0,#173657 0,transparent 32%),var(--bg);color:var(--text);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.shell{max-width:1180px;margin:auto;padding:32px 20px 64px}.card{background:linear-gradient(145deg,rgba(23,38,59,.96),rgba(13,24,40,.96));border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 50px rgba(0,0,0,.2)}.login{max-width:620px;margin:10vh auto;padding:36px}.eyebrow{margin:0 0 4px;color:var(--accent);font-size:12px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}h1,h2{margin:0}h1{font-size:clamp(28px,4vw,42px)}h2{font-size:21px}.muted{color:var(--muted)}label{display:grid;gap:6px;margin:14px 0;color:var(--muted);font-weight:600}input,select,button{font:inherit;border-radius:10px}input,select{width:100%;padding:11px 12px;color:var(--text);background:#0b1626;border:1px solid var(--line)}button{padding:11px 16px;border:0;background:var(--accent);color:#061814;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.08)}button.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--line)}button.danger{background:transparent;color:var(--danger);border:1px solid #713640;padding:7px 10px}.error{min-height:22px;color:var(--danger)}.topbar,.section-head,.quota{display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar{margin-bottom:24px}.actions{display:flex;gap:9px}.quota{padding:24px 28px}.quota-meter{min-width:280px;display:grid;gap:7px}.quota-meter strong{font-size:30px}progress{width:100%;height:13px;accent-color:var(--accent)}.status{color:var(--muted);font-size:13px}.notice,.warning{padding:12px 15px;border-radius:12px;background:#102d36;border:1px solid #285462;color:#bdeee1}.notice{margin:14px 0 18px}.warning{margin:14px 0;color:#ffd8a8;background:#382b1b;border-color:#69491e}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{padding:20px}.metric span{color:var(--muted)}.metric strong{display:block;font-size:28px;margin-top:5px}.section-card{padding:24px;margin-top:18px}.section-head select{width:auto}.chart{height:220px;display:flex;align-items:flex-end;gap:8px;padding:26px 4px 0;border-bottom:1px solid var(--line);overflow-x:auto}.bar-wrap{height:100%;min-width:42px;display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar{width:min(34px,80%);min-height:2px;background:linear-gradient(var(--accent),var(--accent2));border-radius:7px 7px 2px 2px}.bar-label{font-size:11px;color:var(--muted);white-space:nowrap}.breakdown{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;color:var(--muted)}.breakdown strong{color:var(--text)}.device-list{display:grid;gap:10px;margin-top:16px}.device{display:grid;grid-template-columns:minmax(150px,1.6fr) repeat(3,minmax(110px,1fr)) auto;gap:12px;align-items:center;padding:14px;background:#0c1828;border:1px solid var(--line);border-radius:12px}.device-name strong,.device-name span{display:block}.online{color:var(--accent)}.offline{color:var(--muted)}.device-actions{display:flex;gap:7px}.device-form{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end}.device-form label{margin:0}.enrollment{margin-top:18px;padding:14px;border:1px solid #486945;background:#142819;border-radius:12px}.enrollment code{display:block;overflow-wrap:anywhere;margin:8px 0;padding:10px;background:#07120a;border-radius:8px;color:#b8f1c2}@media(max-width:760px){.shell{padding:20px 13px 40px}.summary-grid{grid-template-columns:repeat(2,1fr)}.topbar,.quota{align-items:flex-start;flex-direction:column}.quota-meter{min-width:0;width:100%}.device{grid-template-columns:1fr 1fr}.device-name{grid-column:1/-1}.device-actions{grid-column:1/-1}.device-form{grid-template-columns:1fr}.section-card,.quota{padding:18px}}@media(max-width:380px){.summary-grid{grid-template-columns:1fr}.actions{width:100%}.actions button{flex:1}}