:root{color-scheme:light;--bg: #f5f7fb;--panel: #ffffff;--panel-strong: #f8fafc;--border: #d9e1ec;--text: #142033;--muted: #627089;--subtle: #8895a8;--blue: #2251d1;--blue-soft: #e8efff;--green: #0d7d4b;--green-soft: #e7f7ee;--amber: #a45f00;--amber-soft: #fff4df;--red: #b3261e;--red-soft: #fdecea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;overflow:hidden;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.app-shell{height:100dvh;min-height:0;display:grid;grid-template-columns:280px minmax(0,1fr);overflow:hidden;transition:grid-template-columns .2s ease}.app-shell--collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{min-height:0;overflow-y:auto;background:#0f172a;color:#e5edf8;padding:18px 16px;display:flex;flex-direction:column;gap:24px}.sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px}.brand{min-width:0;display:flex;align-items:center;gap:12px}.brand__mark{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#5b7cfa,#20c997);font-weight:800;color:#fff}.brand__copy{min-width:0;white-space:nowrap;overflow:hidden}.brand small{display:block;color:#9fb0c8;margin-top:2px}.sidebar-toggle{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#ffffff0a;color:#b8c4d6;cursor:pointer}.sidebar-toggle:hover{color:#fff;background:#ffffff1a}.sidebar-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.nav-list{display:grid;gap:6px}.nav-list a{min-width:0;display:flex;align-items:center;gap:12px;text-align:left;border:0;border-radius:10px;padding:11px 12px;color:#b8c4d6;background:transparent;cursor:pointer;text-decoration:none}.nav-list a:hover,.nav-list a.active{color:#fff;background:#ffffff17}.nav-item__icon{flex:0 0 auto;display:grid;place-items:center;width:20px;height:20px}.nav-item__icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-item__icon svg path[d^="M4 4h6"]{fill:currentColor;stroke:none}.nav-item__label{white-space:nowrap;overflow:hidden}.app-shell--collapsed .sidebar__header{justify-content:center;flex-wrap:wrap}.app-shell--collapsed .brand__copy,.app-shell--collapsed .nav-item__label{display:none}.app-shell--collapsed .sidebar-toggle svg{transform:rotate(180deg)}.app-shell--collapsed .nav-list a{justify-content:center;padding-inline:0}.sidebar-note{margin-top:auto;display:grid;gap:6px;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;color:#c9d4e5}.sidebar-note span{color:#9fb0c8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.sidebar-note small{color:#9fb0c8;line-height:1.4}.shell-frame{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.top-banner{z-index:2;min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px 24px;background:#ffffffe6;border-bottom:1px solid var(--border);box-shadow:0 5px 18px #14203309;backdrop-filter:blur(14px);transition:min-height .18s ease,padding .18s ease,box-shadow .18s ease}.top-banner--compact{min-height:48px;padding-block:5px;box-shadow:0 6px 20px #14203317}.top-banner__identity{display:grid;gap:2px}.top-banner span{color:var(--muted);font-size:13px}.top-banner--compact .top-banner__identity{display:flex;align-items:baseline;gap:10px}.top-banner--compact .top-banner__identity span{font-size:11px}.account-menu{display:flex;align-items:center;gap:10px;color:var(--muted)}.account-menu__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:999px;background:var(--blue-soft);color:var(--blue)!important;font-weight:800}.top-banner--compact .account-menu__icon{width:28px;height:28px}.account-menu button{border:0;background:transparent;color:var(--blue);font-weight:750;cursor:pointer}.account-menu button:hover{text-decoration:underline}.shell-workspace{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden}.shell-workspace--with-detail{grid-template-columns:minmax(0,1fr) 380px}.shell-workspace__main,.shell-workspace__detail{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.shell-workspace__main{padding:24px 30px 30px}.shell-workspace__detail{padding:24px 18px;background:#eef2f7;border-left:1px solid var(--border)}.shell-workspace__detail .device-preview{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.page-stack{display:grid;gap:18px;max-width:1420px}.page-stack--wide{max-width:none}.toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.toolbar h2{margin:0 0 6px;font-size:28px;letter-spacing:-.03em}.toolbar p{margin:0;color:var(--muted);max-width:760px}.toolbar__actions{display:flex;gap:10px;align-items:center}.toolbar-meta{color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap}.card,.metric-card,.detail-panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 26px #1420330d}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{padding:18px}.metric-card__label{color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.metric-card__value{margin-top:10px;font-size:34px;font-weight:750;letter-spacing:-.04em}.metric-card__detail{color:var(--muted);margin-top:4px}.prose-card{padding:22px}.prose-card h3{margin-top:0}.prose-card p{color:var(--muted);line-height:1.6}.filters{padding:14px;display:flex;gap:12px;align-items:center}.filters input,.filters select{border:1px solid var(--border);border-radius:10px;background:#fff;padding:10px 12px;color:var(--text);min-height:42px}.filters input{flex:1;min-width:260px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;padding:13px 16px;color:var(--muted);background:var(--panel-strong);border-bottom:1px solid var(--border);font-size:12px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.data-table__sort{width:100%;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;padding:0;border:0;background:transparent;color:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.data-table__sort:hover{color:var(--text)}.data-table__sort:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:2px}.data-table__sort-icon{color:var(--subtle);font-size:14px;line-height:1}.data-table th[aria-sort=ascending] .data-table__sort,.data-table th[aria-sort=descending] .data-table__sort{color:var(--blue)}.data-table th[aria-sort=ascending] .data-table__sort-icon,.data-table th[aria-sort=descending] .data-table__sort-icon{color:currentColor}.data-table td{padding:14px 16px;border-bottom:1px solid #edf1f6;vertical-align:middle;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table tr.is-clickable{cursor:pointer}.data-table tr.is-clickable:hover td{background:#f8fbff}.data-table tr.is-clickable:focus{outline:2px solid var(--blue);outline-offset:-2px}.data-table tr.is-selected td{background:var(--blue-soft)}.data-table tr.is-selected:hover td{background:#dce7ff}.data-table__actions{width:1%;text-align:right}.device-identity{display:inline-flex;align-items:center;gap:10px}.presence-dot{display:inline-block;flex:0 0 auto;width:10px;height:10px;border:2px solid white;border-radius:999px;background:var(--subtle);box-shadow:0 0 0 1px #c2cbd8}.presence-dot:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.presence-dot--online{background:#20a464;box-shadow:0 0 0 1px #15824d}.presence-dot--degraded{background:#e69a2a;box-shadow:0 0 0 1px #bd7410}.presence-dot--offline{background:#dc5148;box-shadow:0 0 0 1px #b5322b}.presence-dot--unknown{background:#94a3b8;box-shadow:0 0 0 1px #64748b}.device-status{min-width:132px;display:flex;align-items:center;gap:8px}.device-status__percent{color:var(--muted);font-size:11px;font-weight:750}.ota-progress{flex:0 0 72px;width:72px;height:5px;overflow:hidden;border-radius:999px;background:#dce4f0}.ota-progress>span{display:block;height:100%;border-radius:inherit;background:var(--blue);transition:width .25s ease}.ota-progress--indeterminate>span{width:42%;animation:ota-progress 1.25s ease-in-out infinite}.detail-panel{padding:20px;position:sticky;top:24px}.detail-panel h3{margin:6px 0 18px}.eyebrow{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.key-value{display:grid;gap:4px;padding:12px 0;border-top:1px solid #edf1f6}.key-value dt{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.key-value dd{margin:0;overflow-wrap:anywhere}.key-value-list{margin:0}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:750;text-transform:capitalize;border:1px solid transparent}.status-badge--green{color:var(--green);background:var(--green-soft);border-color:#bfe8cf}.status-badge--amber{color:var(--amber);background:var(--amber-soft);border-color:#f2d49b}.status-badge--red{color:var(--red);background:var(--red-soft);border-color:#f6c2bd}.status-badge--blue{color:var(--blue);background:var(--blue-soft);border-color:#c8d6ff}.status-badge--slate{color:#475569;background:#f1f5f9;border-color:#d8e0ea}.button{border:1px solid var(--border);background:#fff;border-radius:10px;padding:8px 12px;color:var(--text);cursor:pointer;font-weight:700}.button:hover:not(:disabled){border-color:#b7c4d8;background:#f8fafc}.button:disabled{opacity:.55;cursor:progress}.button--primary{color:#fff;background:var(--blue);border-color:var(--blue)}.button--primary:hover:not(:disabled){color:#fff;background:#183fae;border-color:#183fae}.button--full{width:100%;justify-content:center}.button--compact{padding:6px 10px;font-size:12px}.icon-button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer;font-size:24px;line-height:1}.icon-button:hover{color:var(--text);background:var(--panel-strong)}.device-preview{padding:20px}.device-preview__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.device-preview__header h3{margin:6px 0 0}.device-preview__status{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px}.device-preview .state-view{min-height:180px}.device-preview .button--full{margin-top:18px}.breadcrumbs{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.breadcrumbs button{border:0;padding:0;color:var(--blue);background:transparent;cursor:pointer;font:inherit;font-weight:750}.breadcrumbs button:hover{text-decoration:underline}.device-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.detail-section{min-width:0;padding:22px}.detail-section h3{margin:6px 0 18px}.state-view{min-height:220px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted)}.state-view--empty,.state-view--error{flex-direction:column;background:var(--panel);border:1px solid var(--border);border-radius:16px}.state-view--error strong{color:var(--red)}.spinner{width:18px;height:18px;border:3px solid #d8e0ea;border-top-color:var(--blue);border-radius:999px;animation:spin 1s linear infinite}.registry-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:16px;gap:16px}.registry-strip div{display:grid;gap:4px}.registry-strip span{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.registry-message,.registry-diagnostics{padding:16px}.registry-message p{margin:8px 0 0;color:var(--muted)}.registry-diagnostics summary{cursor:pointer;font-weight:700}.registry-diagnostics ul{margin:14px 0 0;padding-left:24px;color:var(--muted)}.registry-diagnostics li+li{margin-top:6px}.auth-panel{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left,#e8efff,transparent 32rem),var(--bg)}.auth-card{width:min(440px,100%);padding:30px;display:grid;gap:14px;justify-items:start}.auth-card h1{margin:6px 0 0;letter-spacing:-.03em}.auth-card p{margin:0;color:var(--muted);line-height:1.6}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ota-progress{0%{transform:translate(-110%)}to{transform:translate(240%)}}@media (max-width: 1180px){.shell-workspace--with-detail{grid-template-columns:minmax(0,1fr) 320px}}@media (max-width: 980px){.app-shell,.app-shell--collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding-inline:12px}.sidebar__header{justify-content:center;flex-wrap:wrap}.brand__copy,.nav-item__label,.sidebar-toggle{display:none}.nav-list a{justify-content:center;padding-inline:0}.metric-grid,.registry-strip{grid-template-columns:1fr}}@media (max-width: 760px){.top-banner{padding-inline:16px}.account-menu__name{display:none}.shell-workspace__main{padding:18px}.shell-workspace--with-detail{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(220px,42%)}.shell-workspace__detail{padding:18px;border-top:1px solid var(--border);border-left:0}.device-detail-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.filters{align-items:stretch;flex-direction:column}.filters input{min-width:0}}@media (max-width: 520px){.top-banner__identity span{display:none}.account-menu{gap:4px}.app-shell,.app-shell--collapsed{grid-template-columns:62px minmax(0,1fr)}.sidebar{padding-inline:7px}}@media (prefers-reduced-motion: reduce){.app-shell,.sidebar-toggle svg,.top-banner{transition:none}.ota-progress--indeterminate>span{animation:none}}