:root{--bg:#f4f6f8;--surface:#fff;--surface-strong:#edf3f8;--text:#1c2731;--muted:#667885;--border:#d5dee6;--accent:#0d5ea6;--accent-soft:#d9ecff;--success:#1f7a3f;--warning:#935104;--danger:#982013;--shadow:0 12px 40px #0d5ea61f;--topbar-bg:#ffffffeb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,Segoe UI,sans-serif}[data-theme=dark]{--bg:#0b1219;--surface:#121b24;--surface-strong:#1a2633;--text:#e3edf7;--muted:#9cb2c5;--border:#2c3f53;--accent:#61a8ff;--accent-soft:#1b3550;--success:#5ccf8d;--warning:#f1b561;--danger:#ff8e84;--shadow:0 12px 40px #00000061;--topbar-bg:#101a24eb}*{box-sizing:border-box}body{height:100vh;color:var(--text);background:radial-gradient(circle at 0% 0%, #cbe7ff 0%, transparent 45%), radial-gradient(circle at 100% 100%, #ffe7c7 0%, transparent 40%), var(--bg);margin:0;overflow:hidden}[data-theme=dark] body{background:radial-gradient(circle at 0% 0%, #1f3a54 0%, transparent 45%), radial-gradient(circle at 100% 100%, #3e2f24 0%, transparent 40%), var(--bg)}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p{margin:0}#root{height:100vh}.shell{grid-template-columns:260px 1fr;height:100vh;display:grid;overflow:hidden}.shell__nav{color:#ebf5ff;background:#0d1f2d;border-right:1px solid #163348;grid-template-rows:auto 1fr auto;gap:1rem;height:100vh;padding:2rem 1rem;display:grid;position:sticky;top:0;overflow:auto}.shell__nav h2{letter-spacing:.04em;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;display:flex}.shell__nav nav{align-content:start;gap:.5rem;display:grid}.shell__nav-footer{border-top:1px solid #26435b;gap:.45rem;padding-top:.8rem;display:grid}.build-version{color:#ebf5ff;letter-spacing:.02em;font-weight:600}.shell__nav-footer .ghost-button{color:#ebf5ff;background:#ffffff14;border-color:#2c4f6d;justify-content:center}.shell__nav-footer .ghost-button:hover{border-color:#5f8fb6}.shell__nav a{color:#cde6ff;border-radius:.55rem;align-items:center;gap:.55rem;padding:.65rem .75rem;text-decoration:none;transition:background .2s;display:flex}.shell__nav a.active{color:#fff;background:#ffffff24}.shell__main{grid-template-rows:auto 1fr;min-height:0;display:grid}.shell__topbar{z-index:20;background:var(--topbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:1rem;padding:1rem 1.25rem;display:grid;position:sticky;top:0}.stack{gap:.2rem;display:grid}.muted{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.search-form input{border:1px solid var(--border);background:var(--surface);border-radius:.6rem;width:100%;padding:.65rem .75rem}.topbar-actions{align-items:center;gap:.65rem;display:flex}.ghost-button,.link-button,button[type=submit]{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:.6rem;align-items:center;gap:.35rem;padding:.55rem .8rem;display:inline-flex}.ghost-button:hover,.link-button:hover,button[type=submit]:hover{border-color:var(--accent)}.shell__content{padding:1.25rem;overflow:auto}.page{gap:1rem;display:grid}.page__header{gap:.35rem;display:grid}.page__header h1{align-items:center;gap:.5rem;display:flex}.icon{font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;vertical-align:middle;font-size:1.1rem;line-height:1}.page__header p{color:var(--muted)}.page__header--split{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.page__header--split .toolbar__stats{margin-left:0}.metric-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:.85rem;display:grid}.metric-card{color:#fff;box-shadow:var(--shadow);background:linear-gradient(160deg,#0d5ea6,#0a79d9);border-radius:.9rem;padding:1rem}.metric-card__label{opacity:.85;font-size:.85rem}.metric-card__value{font-size:1.8rem;font-weight:700}.toolbar{flex-wrap:wrap;gap:.8rem;display:flex}.toolbar label{gap:.35rem;font-size:.9rem;display:grid}.toolbar__stats{flex-wrap:wrap;align-items:center;gap:.65rem;margin-left:auto;display:flex}.toolbar__stat{border:1px solid color-mix(in srgb, var(--accent) 50%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 70%, var(--surface) 30%), var(--surface));letter-spacing:.01em;color:var(--text);border-radius:999px;padding:.5rem .95rem;font-size:.95rem;font-weight:700;box-shadow:0 4px 12px #0d5ea62e}.toolbar input,.toolbar select,.form-grid input{border:1px solid var(--border);background:var(--surface);border-radius:.6rem;min-width:280px;max-width:420px;padding:.55rem .7rem}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:.9rem;overflow-x:auto}.table-area{gap:.6rem;display:grid}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.65rem}th{background:var(--surface-strong)}tr:last-child td{border-bottom:none}.table-sort-button{cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.table-footer{border:1px solid var(--border);background:var(--surface);border-radius:.8rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .8rem;display:flex}.table-footer__controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.table-footer__controls label{align-items:center;gap:.35rem;display:flex}.table-footer__controls select{border:1px solid var(--border);background:var(--surface);border-radius:.45rem;padding:.2rem .35rem}button:disabled{opacity:.5;cursor:not-allowed}.status-pill{border:1px solid #0000;border-radius:999px;padding:.2rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.status-pill--neutral{color:#3f4b55;background:#ebedf0}.status-pill--success{color:var(--success);background:#d7f7e1}.status-pill--warning{color:var(--warning);background:#ffefdc}.status-pill--danger{color:var(--danger);background:#fee4e2}.panel{border:1px solid var(--border);background:var(--surface);border-radius:.9rem;gap:.8rem;padding:1rem;display:grid}.form-grid{align-items:start}.json-viewer{color:#d3e6ff;background:#0f1720;border-radius:.75rem;max-height:360px;margin:0;padding:.9rem;font-size:.82rem;overflow:auto}.json-viewer-wrap{gap:.5rem;display:grid}.json-viewer-actions{flex-wrap:wrap;gap:.5rem;display:flex}.state-banner{border:1px solid var(--border);background:var(--surface);border-radius:.8rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.7rem .8rem;display:flex}.state-banner--loading{background:#eef6ff;border-color:#cfe0ef}.state-banner--error{background:#fff3f2;border-color:#f2c0bb}.state-banner__detail{color:#5b2a24;margin-top:.2rem;font-size:.82rem;display:block}.telemetry-map{border-radius:.85rem;width:100%;height:420px}.session-marker-wrap{background:0 0;border:none}.session-letter-marker{color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 0 0 2px #00000047}.drawer-backdrop{z-index:90;background:#000c1a70;justify-content:flex-end;display:flex;position:fixed;inset:0}.details-drawer{background:var(--surface);grid-template-rows:auto 1fr;width:min(640px,100vw);height:100%;display:grid;box-shadow:-8px 0 34px #0000002e}.details-drawer__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.details-drawer__header p{color:var(--muted);margin-top:.35rem}.details-drawer__body{gap:.9rem;padding:1rem;display:grid;overflow:auto}.details-section{border:1px solid var(--border);background:var(--surface-strong);border-radius:.8rem;gap:.5rem;padding:.8rem;display:grid}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.device-detail-map{border-radius:.75rem;width:100%;height:240px}.device-location-age{color:var(--muted);margin-top:.5rem;font-size:.86rem;font-weight:600}.detail-field{border:1px solid var(--border);background:var(--surface);border-radius:.65rem;gap:.2rem;padding:.5rem .6rem;display:grid}.detail-field__label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.78rem}.detail-field__value{overflow-wrap:anywhere;font-size:.94rem;line-height:1.35}.detail-list{gap:.45rem;display:grid}.detail-list__label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.82rem}.detail-chip-list{flex-wrap:wrap;gap:.35rem;max-height:220px;padding-right:.2rem;display:flex;overflow:auto}.detail-chip{background:#e9f2fa;border:1px solid #bfd0de;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;line-height:1.2}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.empty-state{border:1px dashed var(--border);color:var(--muted);background:var(--surface);border-radius:.8rem;padding:1rem}.login-shell{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);width:min(460px,100%);box-shadow:var(--shadow);border-radius:1rem;gap:.8rem;padding:1.4rem;display:grid}.login-subtitle{color:var(--muted)}.login-form{gap:.8rem;display:grid}.login-form label{gap:.3rem;font-size:.92rem;display:grid}.login-form input{border:1px solid var(--border);background:var(--surface);border-radius:.6rem;padding:.6rem .7rem}.login-error{color:#5b2a24;background:#fff3f2;border:1px solid #f2c0bb;border-radius:.65rem;padding:.5rem .65rem}@media (width<=980px){body{height:auto;overflow:auto}#root,.shell{height:auto}.shell{grid-template-columns:1fr;overflow:visible}.shell__nav{border-bottom:1px solid #163348;border-right:none;height:auto;position:static;overflow:visible}.shell__content{overflow:visible}.shell__topbar{grid-template-columns:1fr}.page__header--split{flex-direction:column}.page__header--split .toolbar__stats{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (width<=600px){.metric-grid{grid-template-columns:1fr}.shell__content{padding:.8rem}.toolbar input,.toolbar select,.form-grid input{width:100%;min-width:0}.telemetry-map{height:300px}.device-detail-map{height:220px}.details-drawer{width:100vw}.detail-grid{grid-template-columns:1fr}.login-card{padding:1rem}}