:root{color-scheme:dark;--bg:#0b151b;--surface:#14232c;--line:#2a3e49;--text:#edf5f5;--muted:#8ea8b6;--accent:#6ae0bb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0%,#193c3a88,transparent 55%);min-height:100vh}[hidden]{display:none!important}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.topbar{max-width:1240px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:35px;color:var(--accent)}.brand>span{font-size:19px;font-weight:600;color:var(--text)}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;color:var(--muted)}.account{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}#account-name{overflow:hidden;text-overflow:ellipsis;max-width:220px}main{max-width:1240px;margin:auto;padding:32px 36px 64px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent)}.login-layout{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:90px;min-height:65vh}.welcome{position:relative}.welcome h1{font-size:clamp(32px,3.5vw,52px);line-height:1.5;font-weight:550;letter-spacing:2px;margin:18px 0}.welcome p{font-size:14px;line-height:2.2;color:var(--muted)}.welcome-mark{font-size:190px;color:#71e4bd12;position:absolute;right:0;bottom:-60px;pointer-events:none}.login-card{background:linear-gradient(150deg,#1b333ccc,var(--surface));border:1px solid var(--line);border-radius:22px;padding:35px;box-shadow:0 24px 80px #0003}.login-card h2{margin:14px 0 26px;font-size:25px}.login-card label{display:block;color:var(--muted);font-size:12px;margin-top:18px}input,select{display:block;width:100%;border:1px solid var(--line);color:var(--text);background:#0c1b23;border-radius:10px;padding:13px;margin-top:9px}.primary,.secondary,.quiet{border-radius:9px;padding:11px 17px;border:1px solid var(--line);font-size:12px;color:var(--text);background:var(--surface)}.primary{color:#092d24;background:var(--accent);border-color:transparent;font-weight:600;width:100%;margin-top:26px}.quiet{border:0;background:transparent;color:var(--accent);padding:8px}.login-card p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:16px}.page-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-heading h1{font-size:28px;margin-top:13px;font-weight:550}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0}.metric,.vehicle,.event-card{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:20px}.metric>span{font-size:12px;color:var(--muted)}.metric strong{display:block;font-size:27px;font-weight:550;margin:15px 0 8px}.metric small{font-size:11px;color:var(--muted)}.section-heading{margin:30px 0 16px}.section-heading h2{font-size:18px;font-weight:550}.section-heading>span{font-size:11px;color:var(--muted)}.vehicles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vehicle h3{margin:0;font-size:15px}.vehicle p{font-size:11px;color:var(--muted);margin-top:12px}.connected{color:var(--accent)!important}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.event-card{display:block;text-align:left;color:var(--text);cursor:pointer;transition:border-color .15s,transform .15s}.event-card:hover{border-color:#5aa795;transform:translateY(-2px)}.event-card time{display:block;font-size:24px;letter-spacing:1px;margin-bottom:15px}.event-card h3{font-size:14px;margin:0}.event-card p{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.8;overflow-wrap:anywhere}.event-card .arrow{float:right;color:var(--accent)}.empty{grid-column:1/-1;text-align:center;border:1px dashed var(--line);padding:42px 20px;border-radius:15px;color:var(--muted);font-size:13px;line-height:2}#more{display:block;margin:24px auto 0}#dashboard-message{color:#ecc485;margin-top:18px;font-size:13px;line-height:1.8}dialog{color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:0;width:min(960px,calc(100vw - 24px));max-height:calc(100dvh - 32px);box-shadow:0 35px 100px #0008}dialog::backdrop{background:#02080dc9;backdrop-filter:blur(6px)}.dialog-heading{position:sticky;top:0;background:var(--bg);z-index:1;display:flex;justify-content:space-between;gap:16px;padding:22px 25px;border-bottom:1px solid var(--line)}.dialog-heading h2{font-size:20px;margin-top:8px}.dialog-heading p{color:var(--muted);font-size:12px;margin-top:8px}.close{height:36px;width:36px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:var(--surface);font-size:23px;flex-shrink:0}.dialog-body{padding:20px 25px}video{display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:10px;max-height:55vh}.playback-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:11px;color:var(--muted)}#player-message{color:#ecc485;font-size:12px;line-height:1.8;margin:12px 0}.camera-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.camera-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12px;padding:10px 15px;border-radius:9px}.camera-tabs button[aria-pressed=true]{background:#173d34;color:var(--accent);border-color:#427c6d}.segment-picker{display:flex;align-items:center;gap:18px;font-size:12px;color:var(--muted)}.segment-picker select{width:auto;flex:1;margin:0}.telemetry-note{margin-top:18px;padding:14px;background:var(--surface);border-radius:9px;color:var(--muted);font-size:11px}footer{padding:24px;text-align:center;color:var(--muted);font-size:10px;letter-spacing:1px}@media(max-width:760px){.topbar{padding:20px}.account{gap:8px}#account-name{max-width:120px}main{padding:15px 20px 35px}.login-layout{grid-template-columns:1fr;gap:30px}.welcome h1{font-size:29px;line-height:1.6}.welcome p{font-size:12px}.welcome-mark{font-size:150px;right:20px}.login-card{padding:25px}.page-heading h1{font-size:21px}.page-heading{align-items:end}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.metric{padding:15px}.metric strong{font-size:23px}.vehicles{grid-template-columns:1fr}.event-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.event-card{padding:15px}.event-card time{font-size:21px}.dialog-heading{padding:18px}.dialog-body{padding:14px}video{border-radius:8px}.section-heading>span{max-width:55%;text-align:right;line-height:1.7}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}