:root{--bg:#101816;--bg-alt:#182321;--panel:#161f1ddb;--panel-border:#87a9892e;--text:#edf2e8;--muted:#a5b5a6;--line:#a3c0a424;--accent:#92d971;--warning:#f0b35f;--danger:#eb735f;--shadow:0 24px 80px #00000052;--radius:22px;--font-body:Bahnschrift, "Segoe UI", sans-serif;--font-display:"Arial Narrow", Bahnschrift, "Segoe UI", sans-serif;--font-mono:"Cascadia Code", Consolas, monospace;color:var(--text);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*{box-sizing:border-box}html{background:radial-gradient(circle at top,#5c874333,#0000 28%),linear-gradient(#16211f 0%,#101816 48%,#0d1312 100%)}body{min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}#root{min-height:100svh}.app-shell,.auth-shell{width:min(1120px,100% - 24px);margin:0 auto;padding:18px 0 40px}.app-shell{gap:18px;display:grid}.auth-shell{align-items:center;min-height:100svh;display:grid}.panel{border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#1f2e2afa,#131c1af5)}.topbar{gap:16px;padding:18px;display:grid}.brand-row,.status-row,.nav-strip,.key-value-grid,.summary-grid,.device-grid,.settings-grid,.detail-grid,.alert-stack,.button-row,.auth-actions,.shell-main,.page-section,.stack,.settings-card__header,.detail-header,.device-card__header,.page-header{gap:12px;display:grid}.brand-row{grid-template-columns:auto 1fr;align-items:center}.brand-mark{width:54px;height:54px;font-family:var(--font-display);letter-spacing:.08em;background:linear-gradient(145deg,#92d9713d,#374c41eb);border:1px solid #92d97147;border-radius:18px;place-items:center;font-size:1.5rem;font-weight:700;display:grid}.brand-copy h1,.page-header h1,.auth-card h1{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:.98}.eyebrow{color:var(--accent);font-size:.78rem;font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;margin:0 0 6px}.muted-copy,.label,.empty-state,.inline-note,.section-copy{color:var(--muted)}.status-row{grid-template-columns:repeat(2,minmax(0,1fr))}.status-pill{width:fit-content;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.78rem;display:inline-flex}.status-pill--success{color:#d6f8c5;background:#4d8a3238;border-color:#92d9713d}.status-pill--warning{color:#ffe0ae;background:#f0b35f29;border-color:#f0b35f4d}.status-pill--danger{color:#ffd0c9;background:#b84a372e;border-color:#eb735f4d}.status-pill--neutral{color:var(--text);background:#ffffff0a;border-color:#ffffff14}.nav-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-link{text-align:center;text-transform:uppercase;letter-spacing:.08em;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:14px 16px;font-size:.85rem}.nav-link.active{background:linear-gradient(#92d9712e,#49733038);border-color:#92d97142}.page-section{padding:18px}.summary-grid,.detail-grid,.settings-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.summary-card,.device-card,.detail-card,.settings-card,.auth-card,.hero-card{padding:18px}.metric-value{font-family:var(--font-display);letter-spacing:.04em;margin-top:8px;font-size:1.8rem}.device-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff08;gap:16px;transition:transform .18s,border-color .18s,background .18s;display:grid}.device-card:hover{background:#ffffff0d;border-color:#92d9713d;transform:translateY(-2px)}.device-card__header{grid-template-columns:1fr auto;align-items:start}.device-card h2,.detail-card h2,.settings-card h2,.hero-card h2,.summary-card h2{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:1.05rem}.label{text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.key-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.key-value-item{background:#ffffff0a;border:1px solid #ffffff0d;border-radius:16px;padding:12px}.key-value-item strong{margin-top:6px;display:block}.button-row{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-button,.secondary-button,.danger-button,.ghost-button{letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:0;border-radius:16px;min-height:54px;padding:14px 18px;font-weight:700}.primary-button{color:#08210f;background:linear-gradient(#9ce272,#6bb54e)}.secondary-button{color:var(--text);background:#ffffff14;border:1px solid #ffffff14}.danger-button{color:#fff4f2;background:linear-gradient(#ec7a66,#b14a36)}.ghost-button{color:var(--text);background:0 0;border:1px solid #ffffff14}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.6}.alert{border:1px solid #0000;border-radius:16px;padding:14px 16px}.alert--success{background:#92d9711f;border-color:#92d9713d}.alert--warning{background:#f0b35f1f;border-color:#f0b35f3d}.alert--danger{background:#eb735f1f;border-color:#eb735f3d}.alert--neutral{background:#ffffff0d;border-color:#ffffff14}.field{gap:8px;display:grid}.field input{width:100%;min-height:52px;color:var(--text);background:#070a0957;border:1px solid #ffffff1a;border-radius:16px;padding:14px 16px}.field input:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.danger-button:focus-visible,.ghost-button:focus-visible,.nav-link:focus-visible,.device-card:focus-visible{outline-offset:2px;outline:2px solid #92d971d1}.auth-card{max-width:520px;margin:0 auto}.back-link{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:.82rem}.event-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.event-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:16px;padding:14px 16px}.event-item p{margin:6px 0 0}.mono{font-family:var(--font-mono)}@media (width>=720px){.topbar{grid-template-columns:1fr auto;align-items:center}.status-row{grid-template-columns:repeat(3,max-content);justify-content:end}.summary-grid,.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid{grid-template-columns:1.25fr .85fr}.device-grid,.auth-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}