:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#09090b;color:#fafafa}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:0;min-height:100vh;display:block;background:#09090b;color:#fafafa;overflow-x:hidden}#root{width:100%;min-height:100vh;max-width:none;margin:0;padding:0;text-align:left}button,input,select{font:inherit}button{cursor:pointer}.page{min-height:100vh;background:#09090b;color:#fafafa}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.topbar h1{margin:0;font-size:2rem;line-height:1.1;letter-spacing:-.02em}.topbar button,.v2-logout-button{border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:18px;padding:14px 20px;font-weight:600;transition:background .2s ease,transform .2s ease}.topbar button:hover,.v2-logout-button:hover{background:#1d4ed8;transform:translateY(-1px)}.card{background:#111217;border:1px solid rgba(63,63,70,.7);border-radius:26px;padding:22px;box-shadow:0 18px 50px #00000059;margin-bottom:18px}.card h2{margin-top:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 10px;border-bottom:1px solid rgba(63,63,70,.5);text-align:left}th{color:#a1a1aa;font-weight:600}.muted{color:#a1a1aa}.login-card{width:min(640px,calc(100vw - 32px));margin:80px auto}.login-card h1{margin:0 0 10px;font-size:2.2rem;line-height:1.1}.login-card p{color:#c4c4cc}.login-form{display:flex;gap:12px}.login-form input{flex:1;border-radius:16px;border:1px solid #27272a;background:#09090b;color:#fafafa;padding:14px 16px;outline:none}.login-form input:focus{border-color:#3b82f6}.login-form button{border-radius:16px;border:1px solid #2563eb;background:#2563eb;color:#fff;padding:14px 18px;font-weight:600}.login-form button:disabled{opacity:.7;cursor:default}.view-toggle-bar{position:sticky;top:0;z-index:30;display:flex;gap:6px;padding:10px 12px 0;background:linear-gradient(to bottom,rgba(9,9,11,.95),rgba(9,9,11,.55),transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.view-toggle-bar button{border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:14px;padding:12px 18px;font-weight:600;opacity:.7}.view-toggle-bar button.active{opacity:1}.v2-page{background:#09090b}.v2-shell{max-width:1320px;margin:0 auto;padding:28px 14px 48px}.v2-header{display:flex;flex-direction:column;gap:18px;margin-bottom:28px}.v2-kicker{margin-bottom:8px;color:#71717a;font-size:.78rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase}.v2-title{margin:0;font-size:clamp(2rem,3vw,2.75rem);line-height:1.05;letter-spacing:-.03em;font-weight:700}.v2-description{margin:12px 0 0;max-width:860px;color:#a1a1aa;font-size:.98rem;line-height:1.7}.v2-header-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.v2-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #27272a;background:#18181b;color:#e4e4e7;border-radius:999px;padding:10px 14px;font-size:.92rem}.v2-badge-live{border-color:#10b98133;background:#10b9811a;color:#86efac}.v2-badge-icon{width:16px;height:16px}.v2-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:start}.v2-grid>*{min-width:0}.v2-span-12{grid-column:span 12}.v2-span-8{grid-column:span 8}.v2-span-4{grid-column:span 4}.v2-panel{position:relative;overflow:hidden;isolation:isolate;border:1px solid #27272a;background:#18181be6;border-radius:28px;padding:24px;box-shadow:0 24px 60px #00000061}.v2-hero-panel{border-color:#34d39926;background:radial-gradient(circle at 85% 100%,rgba(5,150,105,.22),transparent 30%),linear-gradient(135deg,#18181b,#18181bfa,#064e3b99)}.v2-panel,.v2-chart-shell,.v2-timeline-shell,.v2-summary-card,.v2-device-card,.v2-support-card{min-width:0}.v2-panel-header{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.v2-panel-header h2{margin:0;font-size:1.15rem;line-height:1.2;color:#e4e4e7}.v2-panel-header p{margin:0;max-width:880px;color:#a1a1aa;font-size:.95rem;line-height:1.65}.v2-panel-header-split{gap:18px}.v2-hero-content{display:flex;flex-direction:column;gap:16px}.v2-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v2-hero-stat-card{border:1px solid rgba(39,39,42,.9);background:#09090b8c;border-radius:24px;padding:22px;box-shadow:inset 0 1px #ffffff08}.v2-hero-stat-header{display:flex;align-items:center;gap:8px;color:#d4d4d8;font-size:.95rem;margin-bottom:14px}.v2-stat-icon{width:16px;height:16px}.v2-hero-stat-value{font-size:clamp(2.3rem,3vw,3.5rem);line-height:1;letter-spacing:-.04em;font-weight:700;color:#fff}.v2-hero-stat-helper{margin-top:10px;color:#a1a1aa;font-size:.95rem}.v2-hero-lower{display:grid;grid-template-columns:1.2fr 1fr;gap:12px}.v2-presence-card{border:1px solid rgba(39,39,42,.9);background:#09090b73;border-radius:24px;padding:20px}.v2-presence-card-top{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.v2-presence-card-left{display:flex;align-items:center;gap:16px}.v2-presence-icon-wrap{border-radius:18px;border:1px solid rgba(52,211,153,.15);background:#10b98124;color:#6ee7b7;padding:14px}.v2-presence-icon{width:24px;height:24px}.v2-presence-label{color:#71717a;font-size:.74rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.v2-presence-value{margin-top:6px;color:#fff;font-size:clamp(2rem,2.2vw,2.8rem);line-height:1;letter-spacing:-.03em;font-weight:700}.v2-presence-pills{display:flex;flex-wrap:wrap;gap:10px}.v2-info-pill,.v2-legend-pill,.v2-diagnostic-pill,.v2-category-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #3f3f46;background:#09090b66;border-radius:999px;padding:9px 14px;color:#fafafa;font-size:.92rem}.v2-support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v2-support-card,.v2-summary-card,.v2-device-card{border:1px solid rgba(39,39,42,.9);background:#09090b80;border-radius:20px;padding:18px}.v2-support-label,.v2-summary-label{color:#71717a;font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.v2-support-value{margin-top:10px;color:#fff;font-size:1.35rem;font-weight:700}.v2-current-metric-block{margin-top:14px}.v2-current-metric-label{color:#a1a1aa;font-size:.95rem}.v2-current-metric-value{margin-top:8px;color:#fff;font-size:clamp(3rem,4vw,4.25rem);font-weight:300;line-height:1;letter-spacing:-.05em}.v2-control-stack{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.v2-pill-row{display:flex;flex-wrap:wrap;gap:10px}.v2-wrap-row{align-items:center}.v2-pill-button,.v2-outline-button{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid #27272a;background:#18181b;color:#d4d4d8;padding:11px 16px;font-weight:600;transition:all .18s ease}.v2-pill-button:hover,.v2-outline-button:hover{background:#27272a}.v2-pill-button.active{background:#f4f4f5;border-color:#f4f4f5;color:#09090b}.v2-inline-date-control{display:inline-flex;align-items:center;gap:10px;border-radius:999px;border:1px solid #27272a;background:#09090b66;padding:8px 10px 8px 14px}.v2-inline-date-control span{color:#71717a;font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.v2-inline-date-control input{border-radius:999px;border:1px solid #27272a;background:#18181b;color:#e4e4e7;padding:9px 14px;outline:none}.v2-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:18px}.v2-summary-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.v2-summary-value{margin-top:10px;color:#fff;font-size:1.9rem;line-height:1.1;font-weight:700;letter-spacing:-.03em}.v2-chart-shell{height:260px;overflow:hidden;border-radius:24px;border:1px solid #27272a;background:#09090b59;padding:14px}.v2-timeline-shell{min-height:320px;overflow:hidden;border-radius:24px;border:1px solid #27272a;background:#09090b59;padding:16px}.v2-empty-chart,.v2-empty-state{display:flex;align-items:center;justify-content:center;min-height:160px;border-radius:20px;border:1px dashed #3f3f46;background:#09090b47;color:#71717a;text-align:center;padding:20px}.v2-chart-shell .v2-empty-chart,.v2-timeline-shell .v2-empty-chart{min-height:100%}.v2-device-stack{display:grid;gap:12px}.v2-device-label{display:flex;align-items:center;gap:8px;color:#a1a1aa;font-size:.95rem}.v2-device-icon,.v2-button-icon{width:16px;height:16px}.v2-device-value{margin-top:12px;color:#fff;font-size:1.7rem;font-weight:700}.v2-diagnostics-expanded{margin-top:14px;border-radius:24px;border:1px solid #27272a;background:#09090b59;padding:16px;display:grid;gap:12px}.v2-diagnostic-card{border-radius:18px;border:1px solid #27272a;background:#09090b73;padding:14px}.v2-diagnostic-top{display:flex;gap:14px;justify-content:space-between;align-items:flex-start}.v2-diagnostic-label{color:#f4f4f5;font-weight:600;font-size:.95rem}.v2-diagnostic-detail{margin-top:6px;color:#a1a1aa;font-size:.82rem;line-height:1.6;max-width:420px}.v2-legend-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.v2-legend-dot{width:10px;height:10px;border-radius:999px}.state-chair{background:#34d399}.state-room{background:#38bdf8}.state-empty{background:#3f3f46}.v2-presence-ribbon-wrap{display:flex;flex-direction:column;height:100%;min-height:0}.v2-presence-ribbon{display:grid;align-items:end;flex:1;min-height:0}.v2-presence-ribbon-bucket{display:flex;align-items:end;justify-content:center;min-width:0}.v2-presence-bar{position:relative;width:100%;height:140px;overflow:hidden;background:#09090b99}.v2-presence-bar.normal{border:1px solid #27272a;border-radius:999px}.v2-presence-bar.dense{border:1px solid #27272a;border-radius:4px}.v2-presence-bar.compressed{border:0;border-radius:0}.v2-presence-segment{position:absolute;left:0;right:0}.v2-presence-axis{display:grid;margin-top:14px}.v2-presence-axis-slot{position:relative;min-height:18px}.v2-presence-axis-slot span{position:absolute;top:0;left:50%;transform:translate(-50%);white-space:nowrap;color:#71717a;font-size:10px;line-height:1}.v2-events-stack{display:grid;gap:10px;position:relative;z-index:1}.v2-event-card{display:flex;flex-direction:column;gap:12px;border-radius:20px;border:1px solid #27272a;background:#09090b73;padding:14px 16px}.v2-event-card-left{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.v2-event-card-right{color:#71717a;font-size:.95rem}.v2-event-pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid transparent;padding:8px 14px;font-size:.9rem;line-height:1}.tone-emerald{background:#10b98126;color:#6ee7b7;border-color:#10b98133}.tone-sky{background:#0ea5e926;color:#7dd3fc;border-color:#0ea5e933}.tone-amber{background:#f59e0b26;color:#fcd34d;border-color:#f59e0b33}.tone-zinc{background:#3f3f4699;color:#e4e4e7;border-color:#52525b}.v2-tooltip{border-radius:18px;border:1px solid #3f3f46;background:#09090bf2;padding:10px 14px;box-shadow:0 16px 30px #00000059}.v2-tooltip-title{margin-bottom:4px;color:#a1a1aa;font-size:.84rem}.v2-tooltip-value{color:#f4f4f5;font-size:.92rem;font-weight:600}@media(min-width:1024px){.v2-header{flex-direction:row;align-items:flex-end;justify-content:space-between}.v2-panel-header-split{flex-direction:row;align-items:flex-start;justify-content:space-between}.v2-event-card{flex-direction:row;align-items:center;justify-content:space-between}}@media(max-width:1100px){.v2-span-8,.v2-span-4{grid-column:span 12}}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-hero-metrics,.v2-summary-grid{grid-template-columns:1fr}.v2-summary-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-hero-lower{grid-template-columns:1fr}.v2-support-grid{grid-template-columns:1fr 1fr}.v2-shell{padding:24px 12px 40px}.v2-timeline-shell{min-height:280px}.v2-presence-bar{height:120px}}@media(max-width:640px){.login-form{flex-direction:column}.grid,.v2-support-grid,.v2-summary-grid-4{grid-template-columns:1fr}.v2-panel,.card{border-radius:22px;padding:18px}.v2-title{font-size:2rem}.v2-current-metric-value,.v2-hero-stat-value,.v2-presence-value{font-size:2.2rem}.v2-summary-value,.v2-device-value{font-size:1.5rem}.v2-timeline-shell{min-height:260px}.v2-presence-bar{height:104px}.topbar{flex-direction:column;align-items:flex-start}}.v2-presence-icon-room{border-color:#0ea5e938;background:#0ea5e91f;color:#7dd3fc}.v2-presence-icon-empty{border-color:#71717a47;background:#3f3f4642;color:#d4d4d8}.v2-event-card{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 16px}.v2-event-card-left{flex:1 1 auto;min-width:0}.v2-event-card-right{margin-left:auto;white-space:nowrap;font-size:.9rem}.v2-presence-icon-room,.v2-presence-icon-empty{border-color:#34d39926;background:#10b98124;color:#6ee7b7}.v2-presence-view .v2-presence-ribbon-bucket{animation:presenceBucketIn .36s ease both;animation-delay:var(--presence-delay, 0ms)}.v2-presence-view .v2-presence-segment{transform-origin:bottom center;animation:presenceSegmentGrow .42s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--presence-delay, 0ms)}@keyframes presenceBucketIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes presenceSegmentGrow{0%{opacity:.25;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}