@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0gspg~~t9nou8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/28868e710e86be81-s.0rx81dn62y51_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.0rd3rjvnnhw7n.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.space_grotesk_bf5435d1-module__3zh7EW__className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.space_grotesk_bf5435d1-module__3zh7EW__variable{--font-display:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.08hd0g.321csk.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.0x08jh8vondwt.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.0~wrfy7sm-h4g.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.0k_.i63k_i_qa.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.16-z~2sp29ex6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.0m9hhkgdlzukj.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.0juuwbcf7uz~t.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.0qg7j5o.yrclm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.0hkrq11n-dhos.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.07ig5l8azj~hy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ff74e33ebd7bca3-s.0_n_qwbzcushi.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a69062cfe6f77f8-s.07r2ragk8ph~z.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9a4838fcda0d1bca-s.0787d67~10694.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2e95a7d252b9825a-s.0dgq8lqrj3gc_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/23b7a97ae3b5c134-s.p.0o14nraug8u5s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_3da6c358-module__AhnyXW__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_3da6c358-module__AhnyXW__variable{--font-body:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--bg:#f6f7f8;--surface:#fff;--surface-muted:#f8fafb;--ink:#15191f;--muted:#7b8794;--quiet:#a7b0ba;--line:#e8edf1;--line-strong:#dce3e9;--accent:#1d9bf0;--accent-strong:#0d8fe8;--accent-soft:#eaf6ff;--success:#2fa866;--success-soft:#e9f8ef;--warning:#c98524;--warning-soft:#fff5e7;--danger:#d85d5d;--danger-soft:#fff0ef;--shadow:0 18px 55px #15191f12}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--ink);font-family:var(--font-body), sans-serif;background:linear-gradient(180deg, #fff 0, var(--bg) 170px), var(--bg);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{appearance:none}.shell{width:min(860px,100% - 28px);margin:0 auto;padding:14px 0 44px}.topbar{justify-content:space-between;align-items:center;gap:16px;min-height:38px;margin-bottom:28px;display:flex}.identity-chip{align-items:center;gap:10px;min-width:0;display:flex}.identity-dot{background:linear-gradient(135deg,#1d9bf01a,#2fa8662e),#1f2933;border-radius:50%;flex:none;width:28px;height:28px;box-shadow:inset 0 0 0 2px #ffffffe0}.identity-chip strong,.identity-chip span{display:block}.identity-chip strong{font-family:var(--font-display), sans-serif;font-size:.95rem}.identity-chip span,.sync-pill,.topbar-actions{color:var(--muted);font-size:.78rem}.topbar-actions{white-space:nowrap;align-items:center;gap:10px;display:flex}.sync-pill{padding-left:18px;font-weight:600;position:relative}.sync-pill:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:999px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px}.dashboard-header{grid-template-columns:1fr auto;align-items:start;gap:32px;margin-bottom:26px;display:grid}.state-panel{margin-bottom:16px;padding:18px}.status-badge,.alert-severity{border-radius:999px;align-items:center;font-weight:700;display:inline-flex}.hero-title,.section-title,.kpi-value{font-family:var(--font-display), sans-serif;letter-spacing:0}.hero-title{margin:8px 0 6px;font-size:clamp(1.7rem,4vw,2.25rem);line-height:1.02}.hero-copy,.subtle,.kpi-trend,.table-meta,.alert-meta{color:var(--muted);line-height:1.55}.header-meta{gap:12px;min-width:255px;display:grid}.header-meta-row,.metric-line{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding-bottom:10px;display:flex}.header-meta-row:last-child,.metric-line:last-child{border-bottom:0;padding-bottom:0}.header-meta-row span,.metric-line span{color:var(--muted)}.header-meta-row strong,.metric-line strong{text-align:right;overflow-wrap:anywhere}.kpi-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:26px;padding-bottom:22px;display:grid}.period-strip{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex-wrap:wrap;gap:8px;margin:-6px 0 22px;padding:5px;display:flex;box-shadow:0 12px 36px #15191f0d}.period-chip{min-width:fit-content;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:auto;padding:9px 14px;font-size:.8rem;font-weight:800;transition:all .18s}.period-chip.active{background:var(--accent);color:#fff;box-shadow:0 8px 24px #1d9bf02e}.period-chip:hover{border-color:var(--line-strong);color:var(--ink)}.period-chip.active:hover{color:#fff}.custom-period{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:-10px 0 22px;padding:12px;display:grid}.custom-period label{gap:6px;min-width:0;display:grid}.custom-period span{color:var(--muted);font-size:.72rem;font-weight:800}.custom-period input{border:1px solid var(--line);background:var(--surface-muted);width:100%;min-width:0;color:var(--ink);border-radius:999px;outline:none;padding:10px 12px}.custom-period input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.kpi-card{grid-template-rows:1fr 30px;gap:10px;min-width:0;display:grid}.eyebrow{color:var(--muted);font-size:.76rem;font-weight:700}.kpi-value{margin-top:3px;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.1}.kpi-trend{margin:4px 0 0;font-size:.78rem}.kpi-trend strong{color:var(--success)}.mini-sparkline{width:100%;height:28px;color:var(--accent)}.mini-sparkline.empty{border-bottom:2px solid var(--line-strong);position:relative}.main-grid,.reports-grid,.content-grid,.alerts-grid{grid-template-columns:1fr;gap:20px;margin-bottom:20px;display:grid}.camera-panel,.side-card,.report-card,.table-card,.alert-card{padding:16px}.camera-panel{min-width:0}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.section-actions{align-items:center;gap:10px;display:flex}.section-title{margin:4px 0 0;font-size:clamp(1rem,2vw,1.18rem);line-height:1.2}.status-badge,.alert-severity{padding:5px 9px;font-size:.74rem}.status-badge.ready,.status-badge.processed{background:var(--success-soft);color:var(--success)}.status-badge.connecting,.status-badge.queued,.status-badge.pending_review,.alert-severity.medium{background:var(--warning-soft);color:var(--warning)}.status-badge.disconnected,.status-badge.failed,.status-badge.delayed,.alert-severity.high{background:var(--danger-soft);color:var(--danger)}.status-badge.degraded,.status-badge.processing,.alert-severity.low{background:var(--surface-muted);color:var(--ink)}.camera-surface{border:1px solid var(--line);background:var(--surface-muted);border-radius:8px;min-height:360px;margin-top:16px;overflow:hidden}.camera-player-shell{min-height:360px;position:relative}.camera-video{object-fit:cover;background:#07090c;width:100%;height:100%;min-height:360px;display:block}.camera-player-caption{color:#ffffffdb;background:#090e14db;border-top:1px solid #ffffff14;justify-content:space-between;gap:12px;padding:10px 12px;font-size:.8rem;display:flex}.camera-player-caption strong{color:#ffd6d2}.camera-empty{text-align:center;place-items:center;min-height:360px;padding:24px;display:grid}.camera-empty strong{font-family:var(--font-display), sans-serif;font-size:1.25rem;display:block}.camera-empty p{max-width:52ch;color:var(--muted);margin:10px auto 0;line-height:1.6}.side-stack{grid-template-columns:1fr 1fr;gap:20px;display:grid}.side-metrics{gap:0;margin-top:14px;display:grid}.report-card table,.table-card table{border-collapse:collapse;width:100%;margin-top:14px}.report-card th,.report-card td,.table-card th,.table-card td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 10px}.report-card tr:last-child td,.table-card tr:last-child td{border-bottom:0}.report-card th,.table-card th{color:var(--muted);font-size:.72rem;font-weight:700}.report-toolbar{background:var(--surface-muted);border-radius:999px;flex-wrap:wrap;gap:6px;width:fit-content;margin-top:14px;padding:4px;display:flex}.action-button,.filter-chip{background:var(--surface-muted);color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:999px;font-size:.78rem;font-weight:700;transition:all .18s}.filter-chip,.action-button.compact{padding:7px 12px}.action-button{padding:9px 13px}.filter-chip.active{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #15191f0f}.action-button:hover,.filter-chip:hover{color:var(--ink);border-color:var(--line-strong)}.action-button:disabled{color:var(--quiet);cursor:not-allowed}.chart-panel{min-height:210px;margin-top:14px;padding:8px 0 0;position:relative;overflow:hidden}.chart-panel:before{content:"";background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.8;pointer-events:none;background-size:100% 58px,64px 100%;position:absolute;inset:42px 0 32px}.report-chart{z-index:1;width:100%;height:210px;color:var(--accent);display:block;position:relative}.chart-legend{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.legend-item{min-width:0;color:var(--muted);font-size:.76rem}.legend-item span,.legend-item strong{display:block}.legend-item strong{color:var(--ink);margin-top:3px}.table-card{min-width:0;overflow-x:auto}.table-empty{border:1px dashed var(--line-strong);min-height:132px;color:var(--quiet);text-align:center;border-radius:8px;place-items:center;margin-top:14px;display:grid}.history-section{margin-bottom:20px}.alert-card p{margin:12px 0 0}.alert-card-empty{min-height:150px}.pagination-row{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.login-shell{place-items:center;width:min(100% - 28px,420px);min-height:100vh;margin:0 auto;padding:32px 0;display:grid}.login-card{width:100%;padding:24px}.login-copy{margin:28px 0 20px}.login-form{gap:14px;display:grid}.login-form label{gap:7px;display:grid}.login-form span{color:var(--muted);font-size:.76rem;font-weight:800}.login-form input{border:1px solid var(--line);background:var(--surface-muted);width:100%;color:var(--ink);border-radius:999px;outline:none;padding:12px 14px}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-error{background:var(--danger-soft);color:var(--danger);border-radius:8px;padding:10px 12px;font-size:.82rem;font-weight:700}.login-button{background:var(--accent);color:#fff;justify-content:center;width:100%}.login-button:hover{color:#fff;border-color:var(--accent-strong)}@media (max-width:900px){.dashboard-header{grid-template-columns:1fr;gap:18px}.header-meta{min-width:0}.kpi-grid,.side-stack{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:640px){.shell{width:min(100% - 20px,860px);padding-top:10px}.topbar{flex-direction:column;align-items:flex-start;margin-bottom:18px}.topbar-actions,.section-actions,.pagination-row{flex-wrap:wrap;justify-content:flex-start;width:100%}.kpi-grid,.side-stack,.custom-period,.chart-legend{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.camera-surface,.camera-video,.camera-empty{min-height:260px}.header-meta-row,.metric-line{flex-direction:column;gap:4px}.header-meta-row strong,.metric-line strong{text-align:left}}