:root{color-scheme:dark;--bg:#0b1118;--panel:#111a24;--panel2:#162230;--line:#253447;--text:#f3f6f9;--muted:#8fa0b3;--green:#53d28c;--green2:#1f8f5a;--yellow:#f3bd4c;--red:#f2606d;--blue:#5c9dff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#132335 0,transparent 35%),var(--bg);color:var(--text);min-height:100vh}.hidden{display:none!important}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(420px,100%);background:rgba(17,26,36,.96);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 24px 70px #0008}.brand-mark{width:54px;height:54px;border-radius:17px;background:linear-gradient(135deg,var(--green),var(--blue));display:grid;place-items:center;font-weight:900;color:#07120e}.auth-card h1{margin:20px 0 4px;font-size:26px}.muted{color:var(--muted);margin:4px 0 20px;line-height:1.45}label{display:grid;gap:7px;color:#cbd5df;font-size:13px;margin:16px 0}input,select,textarea{width:100%;background:#0c141d;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:13px 14px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #5c9dff22}.button{border:0;border-radius:12px;padding:12px 15px;font:inherit;font-weight:750;color:var(--text);background:var(--panel2);cursor:pointer}.button:disabled{opacity:.45;cursor:wait}.wide{width:100%;margin-top:10px}.primary{background:linear-gradient(135deg,#2ca96a,#237fcb)}.add{background:#174b38;color:#78efae}.subtle{border:1px solid var(--line);background:#17212d}.warning{background:#624916;color:#ffd979}.danger{background:#68252c;color:#ffb0b6}.danger-outline{border:1px solid #71333b;background:transparent;color:#ff9099}.error{min-height:20px;color:#ff8e98}.app{width:min(980px,100%);margin:auto;padding:24px 20px 70px}.topbar,.section-head,.device-head,.time-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar h1,.section-head h2{margin:4px 0 0}.eyebrow{font-size:10px;letter-spacing:.18em;color:#6e86a0;font-weight:900}.icon-button{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:white;font-size:24px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#0e1721;padding:4px;border:1px solid var(--line);border-radius:14px;margin:24px 0}.tab{border:0;background:transparent;color:var(--muted);padding:11px 8px;border-radius:10px;font-weight:750}.tab.active{background:var(--panel2);color:white}.device-card,.settings-card,.empty{background:linear-gradient(145deg,#111b26,#0f1720);border:1px solid var(--line);border-radius:22px;padding:22px;margin-bottom:18px}.device-head h2{margin:10px 0 0}.status-pill,.mode-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:12px}.status-pill i{width:8px;height:8px;border-radius:50%;background:#617082}.status-pill.online{color:#8ce5b2;border-color:#24523b}.status-pill.online i{background:var(--green);box-shadow:0 0 12px var(--green)}.mode-badge{color:#b9c8d6}.time-panel{background:#0b131c;border:1px solid #1c2a39;border-radius:18px;padding:20px;margin:20px 0}.time-panel>span{color:var(--muted);font-size:13px}.time-panel strong{display:block;font-size:clamp(42px,10vw,72px);letter-spacing:-.04em;margin:3px 0 13px}.progress{height:8px;background:#1e2a37;border-radius:99px;overflow:hidden;margin-bottom:14px}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green2),var(--green));border-radius:99px}.time-row{color:var(--muted);font-size:12px}.time-row b{color:#d8e1e9}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.notification-panel{margin-top:16px;padding:16px;border:1px solid #29405a;border-radius:16px;background:#0d1722}.notification-panel h3{margin:4px 0 12px;font-size:16px}.notification-panel textarea{resize:vertical;min-height:84px;line-height:1.45}.notification-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:8px}.notification-actions select{min-width:0}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.timeline{display:grid;gap:10px}.event{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.event-head{display:flex;justify-content:space-between;gap:10px}.event strong{font-size:14px}.event time,.event p{font-size:12px;color:var(--muted)}.event.failed{border-color:#6a3038}.settings-card h2{margin-top:0}.empty{text-align:center;padding:50px 22px}dialog{border:0;padding:0;background:transparent;color:var(--text);width:min(420px,calc(100% - 30px))}dialog::backdrop{background:#02070dcc;backdrop-filter:blur(5px)}.dialog-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:transparent;color:var(--muted);font-size:28px}.enroll-code{text-align:center;font-size:38px;letter-spacing:.12em;font-weight:900;padding:20px 0}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,130px);background:#ecf4fb;color:#10202d;padding:12px 18px;border-radius:12px;z-index:20;transition:.25s;box-shadow:0 12px 40px #0007}.toast.show{transform:translate(-50%,0)}@media(max-width:600px){.app{padding:18px 14px 60px}.topbar h1{font-size:23px}.device-card{padding:16px}.quick-grid{grid-template-columns:repeat(2,1fr)}.notification-actions{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.time-panel strong{font-size:48px}.filters{grid-template-columns:1fr}.device-head{align-items:flex-start;flex-direction:column}.mode-badge{align-self:flex-start}}