:root{color-scheme:light;--bg: #f5f5f7;--panel: rgba(255, 255, 255, .88);--panel-solid: #ffffff;--sidebar: rgba(247, 247, 249, .92);--border: rgba(24, 28, 37, .12);--border-strong: rgba(24, 28, 37, .2);--text: #1d1d1f;--muted: #6e6e73;--muted-strong: #4f535a;--accent: #0071e3;--accent-contrast: #ffffff;--green: #168244;--yellow: #936600;--red: #bf352f;--blue-soft: rgba(0, 113, 227, .1);--green-soft: rgba(22, 130, 68, .1);--yellow-soft: rgba(147, 102, 0, .12);--red-soft: rgba(191, 53, 47, .1);--shadow: 0 20px 70px rgba(20, 24, 32, .12);--radius: 8px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--bg: #101113;--panel: rgba(31, 33, 36, .86);--panel-solid: #1f2124;--sidebar: rgba(23, 24, 27, .92);--border: rgba(235, 235, 245, .13);--border-strong: rgba(235, 235, 245, .22);--text: #f5f5f7;--muted: #a1a1aa;--muted-strong: #c4c4cc;--accent: #0a84ff;--accent-contrast: #ffffff;--green: #35c46f;--yellow: #ffd05c;--red: #ff6961;--blue-soft: rgba(10, 132, 255, .14);--green-soft: rgba(53, 196, 111, .14);--yellow-soft: rgba(255, 208, 92, .14);--red-soft: rgba(255, 105, 97, .14);--shadow: 0 20px 80px rgba(0, 0, 0, .36)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ffffff59,#fff0),var(--bg)}button,input{font:inherit}button{border:0}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;border-right:1px solid var(--border);background:var(--sidebar);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:26px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;color:var(--accent-contrast);background:var(--accent);font-weight:750;letter-spacing:0}.brand-title{font-size:.95rem;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-subtitle{margin-top:2px;color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-list{display:grid;gap:6px}.nav-item{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:0 12px;color:var(--muted-strong);border-radius:8px}.nav-item.active,.nav-item:hover{color:var(--text);background:var(--blue-soft)}.main-panel{min-width:0;padding:28px}.page-stack{display:grid;gap:18px;max-width:1480px;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-header h1{margin:0;font-size:clamp(1.8rem,3vw,3.1rem);line-height:1.05;letter-spacing:0}.page-header p{margin:8px 0 0;color:var(--muted);max-width:720px}.eyebrow{margin-bottom:8px;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.icon-button,.primary-button,.text-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border-radius:8px;cursor:pointer;white-space:nowrap}.icon-button{color:var(--text);border:1px solid var(--border);background:var(--panel)}.icon-button.secondary{color:var(--muted-strong)}.icon-button.danger{color:var(--red);background:var(--red-soft)}.primary-button{color:var(--accent-contrast);background:var(--accent);font-weight:700}.text-link{justify-content:flex-start;width:fit-content;min-height:32px;padding:0;color:var(--accent);font-weight:650}button:disabled{cursor:not-allowed;opacity:.55}.status-pill,.mini-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 9px;border-radius:8px;font-size:.8rem;font-weight:700;border:1px solid var(--border);background:var(--panel)}.status-pill{gap:7px;color:var(--muted-strong)}.status-pill>span{width:8px;height:8px;border-radius:50%;background:var(--muted)}.status-pill.is-online>span{background:var(--green)}.status-pill.is-offline>span{background:var(--red)}.metric-card,.save-strip,.settings-panel,.auth-panel,.loading-panel,.empty-state{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.tone-good{color:var(--green)}.tone-warn{color:var(--yellow)}.tone-risk{color:var(--red)}.mini-badge.tone-good{background:var(--green-soft);border-color:#16824447}.mini-badge.tone-warn{background:var(--yellow-soft);border-color:#93660047}.mini-badge.tone-risk{background:var(--red-soft);border-color:#bf352f47}.save-strip{padding:14px}.save-strip form{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr) auto;gap:12px;align-items:end}label{display:grid;gap:6px;min-width:0}label span{color:var(--muted);font-size:.82rem;font-weight:650}input{width:100%;min-height:40px;padding:0 12px;color:var(--text);border:1px solid var(--border);border-radius:8px;background:var(--panel-solid);outline:none}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--blue-soft)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:14px}.metric-card{padding:16px}.card-heading{display:flex;align-items:center;gap:8px;color:var(--muted-strong)}.card-heading h2{margin:0;color:var(--text);font-size:1rem;letter-spacing:0}.metric-list{display:grid;margin-top:12px}.metric-row{display:grid;grid-template-columns:minmax(110px,.75fr) minmax(0,1.25fr);gap:12px;align-items:center;min-height:36px;border-top:1px solid var(--border)}.metric-row:first-child{border-top:0}.metric-row span{color:var(--muted);font-size:.86rem}.metric-row strong{min-width:0;color:var(--text);font-size:.88rem;font-weight:680;text-align:right;overflow-wrap:anywhere}.device-list{display:grid;gap:10px}.device-row{display:grid;grid-template-columns:52px minmax(180px,1.1fr) minmax(180px,.9fr) minmax(180px,.9fr);gap:14px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}.device-icon-wrap{display:grid;place-items:center;width:42px;height:42px;color:var(--accent);border:1px solid var(--border);border-radius:8px;background:var(--blue-soft)}.device-icon{display:block}.device-row:hover{border-color:var(--border-strong);background:var(--panel-solid)}.device-main,.device-meta{display:grid;gap:4px;min-width:0}.device-main strong,.device-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-main span,.device-meta{color:var(--muted);font-size:.87rem}.align-right{text-align:right}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px}.settings-panel,.auth-panel{padding:18px}.settings-panel h2,.auth-panel h2{margin:0 0 14px;font-size:1.05rem}.segmented,.auth-switch{display:inline-grid;grid-auto-flow:column;gap:4px;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--panel-solid)}.segmented button,.auth-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:0 12px;color:var(--muted-strong);border-radius:6px;background:transparent;cursor:pointer}.segmented button.is-selected,.auth-switch button.is-selected{color:var(--text);background:var(--blue-soft)}.auth-panel{display:grid;gap:14px}.auth-form{display:grid;max-width:520px;gap:12px}.account-stack{display:grid;gap:16px}.account-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px}.account-card{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-solid)}.account-card h2{margin:0;font-size:1rem}.account-facts{display:grid;gap:8px;padding:10px 0}.account-facts div{display:grid;grid-template-columns:minmax(96px,.7fr) minmax(0,1.3fr);gap:10px}.account-facts span{color:var(--muted);font-size:.82rem}.account-facts strong{min-width:0;overflow-wrap:anywhere;font-size:.86rem;font-weight:650}.recovery-form{padding-top:2px}.oauth-row,.signed-in{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.signed-in{justify-content:space-between}.signed-in h2,.signed-in p{margin:0}.signed-in p{color:var(--muted)}.notice,.toast,.empty-state,.loading-panel{color:var(--muted-strong)}.notice{padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--blue-soft)}.notice.error{color:var(--red);background:var(--red-soft)}.notice.success{color:var(--green);background:var(--green-soft)}.empty-state,.loading-panel{display:flex;align-items:center;justify-content:center;gap:10px;min-height:150px;padding:24px}.toast{position:fixed;right:22px;bottom:22px;z-index:20;padding:11px 14px;color:var(--text);border:1px solid var(--border);border-radius:8px;background:var(--panel-solid);box-shadow:var(--shadow)}@media(max-width:1120px){.dashboard-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.device-row{grid-template-columns:48px minmax(0,1fr) minmax(160px,.8fr)}.device-row .device-meta:last-child{grid-column:2 / -1;text-align:left}.account-grid{grid-template-columns:1fr}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;z-index:10;height:auto;padding:10px;border-right:0;border-bottom:1px solid var(--border)}.brand{display:none}.nav-list{grid-template-columns:repeat(3,1fr)}.nav-item{justify-content:center}.main-panel{padding:18px}.page-header,.signed-in{display:grid}.header-actions{justify-content:flex-start}.settings-grid,.save-strip form,.dashboard-grid{grid-template-columns:1fr}.device-row{grid-template-columns:48px minmax(0,1fr)}.device-row .device-meta{grid-column:2 / -1}}@media(max-width:520px){.main-panel{padding:12px}.nav-item{grid-template-columns:1fr;justify-items:center;gap:4px;font-size:.78rem}.page-header h1{font-size:1.75rem}.icon-button,.primary-button,.header-actions,.oauth-row{width:100%}.metric-row{grid-template-columns:1fr;gap:2px;padding:8px 0}.metric-row strong{text-align:left}}