:root{--bg:#09111f;--panel:#111d2f;--panel2:#16243a;--line:#243651;--text:#eef5ff;--muted:#91a4bd;--accent:#66d4bd;--accent2:#86a9ff;--warn:#ffcb70;--danger:#ff8b9c;--shadow:0 22px 60px #02071180}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% -10%,#1f3b5d 0,transparent 34%),var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(440px,100%);background:#101c2eee;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:13px;font-weight:750;letter-spacing:-.03em;font-size:21px}.mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;color:#07121e;font-weight:900}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;margin:26px 0 8px}.login h1{font-size:33px;line-height:1.1;margin:0 0 10px}.muted{color:var(--muted)}.field{display:grid;gap:8px;margin:18px 0}.field label{font-size:13px;color:#b7c6d8}.field input,.field select{background:#0c1728;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:13px 14px;outline:none}.field input:focus{border-color:var(--accent)}.primary{background:linear-gradient(135deg,var(--accent),#7bd7ed);color:#07131e;font-weight:800;border-radius:12px;padding:13px 18px}.ghost{background:#1a2a40;color:#c9d8ea;border:1px solid var(--line);border-radius:11px;padding:10px 13px}.danger{color:var(--danger)}.error{color:var(--danger);font-size:13px;min-height:20px}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:#0b1626cc;border-right:1px solid var(--line);padding:25px 16px;display:flex;flex-direction:column;gap:24px}.nav{display:grid;gap:6px}.nav button{background:transparent;color:var(--muted);padding:12px 13px;text-align:left;border-radius:11px}.nav button.active,.nav button:hover{background:#1a2c45;color:var(--text)}.side-foot{margin-top:auto;color:var(--muted);font-size:12px;line-height:1.5}.main{padding:28px clamp(18px,4vw,52px);max-width:1500px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}.topbar h1{font-size:clamp(25px,4vw,38px);margin:4px 0 3px;letter-spacing:-.05em}.top-actions{display:flex;gap:8px;align-items:center}.clock{font-size:13px;color:var(--muted)}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px}.stat,.panel,.device{background:linear-gradient(145deg,#14243a,#101c2d);border:1px solid var(--line);border-radius:19px;box-shadow:0 10px 32px #0207111a}.stat{padding:18px}.stat small{color:var(--muted);display:block;margin-bottom:12px}.stat strong{font-size:28px;letter-spacing:-.05em}.section-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 14px}.section-head h2{font-size:18px;margin:0}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.device{padding:20px;min-height:280px;display:flex;flex-direction:column;gap:17px}.device-head{display:flex;justify-content:space-between;gap:12px}.device-icon{width:42px;height:42px;border-radius:14px;background:#203755;display:grid;place-items:center;font-size:21px}.device-title{display:flex;gap:11px;align-items:center}.device-title h3{margin:0;font-size:16px}.device-title small{display:block;color:var(--muted);margin-top:4px}.pill{font-size:11px;border-radius:99px;padding:6px 9px;background:#20344b;color:var(--muted);height:max-content}.online{color:var(--accent);background:#123a3a}.offline{color:var(--danger);background:#402633}.temp{font-size:42px;letter-spacing:-.08em;font-weight:750}.temp span{font-size:18px;color:var(--muted);letter-spacing:0}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.controls button{min-width:42px}.mode-row{display:flex;gap:6px;flex-wrap:wrap}.mode-row button{padding:8px 9px;background:#1a2b42;color:#a9bdd3;border-radius:9px;font-size:12px}.mode-row button.selected{background:#315b70;color:#fff}.device-foot{margin-top:auto;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.empty{padding:40px;text-align:center;color:var(--muted)}.panel{padding:22px}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 8px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.table th{color:var(--muted);font-weight:600}.toast{position:fixed;right:20px;bottom:20px;background:#162c42;border:1px solid #34536d;padding:13px 16px;border-radius:12px;box-shadow:var(--shadow);z-index:10}.modal-back{position:fixed;inset:0;background:#020711aa;display:grid;place-items:center;padding:20px;z-index:5}.modal{width:min(560px,100%);background:#132238;border:1px solid var(--line);border-radius:20px;padding:24px}.modal h2{margin-top:0}.row{display:flex;gap:9px;align-items:center;justify-content:space-between}.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}@media(max-width:800px){.shell{display:block}.side{position:sticky;top:0;z-index:3;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center}.side .nav{display:flex;overflow:auto;flex:1}.side .nav button{white-space:nowrap}.side-foot{display:none}.main{padding:22px 15px}.topbar{align-items:flex-start}.top-actions .clock{display:none}.summary{gap:8px}.stat{padding:13px}.stat strong{font-size:22px}.stat small{font-size:11px}.device-grid{grid-template-columns:1fr}.login-card{padding:28px 22px}}