:root{letter-spacing:0;color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input{letter-spacing:0}.app-shell{color:#172033;background:#f5f7fb;min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #dde3ee;justify-content:space-between;align-items:center;gap:24px;padding:24px 32px;display:flex}.topbar h1,.auth-panel h1{letter-spacing:0;margin:0 0 6px;font-size:24px}.topbar p{color:#657086;margin:0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:24px 32px;display:grid}.metric,.enrollment,.device-list,.device-detail,.recent,.auth-panel,.info-group{background:#fff;border:1px solid #dde3ee;border-radius:8px}.metric{padding:18px}.metric span{color:#657086;margin-bottom:8px;display:block}.metric strong{font-size:30px}.metric.good strong{color:#0f8a55}.metric.muted strong{color:#6b7280}.enrollment{align-items:center;gap:12px;padding:16px;display:flex}.token-box{flex-direction:column;gap:3px;min-width:0;display:flex}.token-box strong{color:#1244a3;font-size:20px}.token-box span{color:#657086;font-size:13px}.workspace{grid-template-columns:380px minmax(0,1fr);gap:20px;padding:0 32px 24px;display:grid}.device-list,.device-detail,.recent{padding:18px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.section-heading h2,.recent h2,.info-group h3{letter-spacing:0;margin:0;font-size:18px}.actions{gap:8px;display:flex}.device-row{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:56px minmax(0,1fr);gap:6px 10px;width:100%;padding:12px;display:grid}.device-row:hover,.device-row.selected{background:#eef4ff;border-color:#b9cdfa}.status{text-align:center;border-radius:999px;grid-row:span 2;align-self:center;padding:4px 6px;font-size:12px}.status.online{color:#09643c;background:#dff7ea}.status.offline{color:#7a2e2e;background:#fde8e8}.device-name{color:#172033;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.device-meta,.empty,.recent-list,.info-row span{color:#657086}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.info-group{padding:14px}.info-row{border-top:1px solid #edf1f7;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:9px 0;display:grid}.info-row strong{word-break:break-word;font-weight:600}.disabled-feature button,button:disabled{cursor:not-allowed;opacity:.55}.recent{margin:0 32px 32px}.recent-list{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.recent-list span{background:#f1f5f9;border-radius:6px;padding:6px 10px}.primary-button,.ghost-button,.danger-button,.icon-button{height:36px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:6px;padding:0 14px}.primary-button{color:#fff;background:#155eef}.ghost-button,.icon-button{color:#172033;background:#fff;border-color:#c9d2e3}.danger-button{color:#fff;background:#c83232}.alert,.form-error{color:#9a3412;background:#ffedd5;border:1px solid #fdba74;border-radius:8px;padding:12px 14px}.alert{margin:20px 32px 0}.auth-page,.boot{background:#f5f7fb;place-items:center;min-height:100vh;display:grid}.auth-panel{width:min(420px,100vw - 32px);padding:24px}.auth-panel label{color:#334155;gap:7px;margin:18px 0;display:grid}.auth-panel input{height:38px;font:inherit;border:1px solid #c9d2e3;border-radius:6px;padding:0 10px}@media (width<=980px){.metrics,.workspace,.detail-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}