:root{--bg: #0a0a0b;--bg-1: #101013;--bg-2: #16161a;--bg-3: #1c1c22;--bg-4: #24242c;--border: #23232b;--border-strong: #2f2f3a;--divider: #1a1a20;--fg: #f0f0f2;--fg-1: #c8c8cf;--fg-2: #8a8a93;--fg-3: #5a5a64;--fg-4: #3a3a42;--accent: #ffd60a;--accent-dim: #b89600;--accent-soft: rgba(255, 214, 10, .12);--red: #ff3b30;--red-soft: rgba(255, 59, 48, .14);--green: #30d158;--green-soft: rgba(48, 209, 88, .14);--cyan: #00d4ff;--cyan-soft: rgba(0, 212, 255, .14);--magenta: #ff2d92;--orange: #ff9f0a;--purple: #bf5af2;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--gap-xs: 4px;--gap-s: 8px;--gap-m: 12px;--gap-l: 16px;--gap-xl: 24px;--gap-2xl: 32px;--pad-card: 20px;--row-h: 44px;--radius: 4px;--radius-lg: 8px}[data-theme=light]{--bg: #f4f4f0;--bg-1: #eeeee8;--bg-2: #ffffff;--bg-3: #f8f8f4;--bg-4: #ebebe4;--border: #dcdcd4;--border-strong: #c4c4ba;--divider: #e4e4dc;--fg: #0f0f12;--fg-1: #2a2a30;--fg-2: #5a5a60;--fg-3: #8a8a90;--fg-4: #b8b8be;--accent-soft: rgba(184, 150, 0, .15)}[data-density=compact]{--pad-card: 12px;--row-h: 34px;--gap-l: 12px;--gap-xl: 16px;--gap-2xl: 20px}[data-density=comfortable]{--pad-card: 28px;--row-h: 52px;--gap-l: 20px;--gap-xl: 32px;--gap-2xl: 48px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:13px;line-height:1.45;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}.mono{font-family:var(--font-mono);font-feature-settings:"tnum","zero"}.tnum{font-variant-numeric:tabular-nums}.uppercase{text-transform:uppercase;letter-spacing:.08em}.micro{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-2)}.label{font-size:11px;color:var(--fg-2);text-transform:uppercase;letter-spacing:.08em}.num-xl{font-family:var(--font-mono);font-size:38px;font-weight:500;letter-spacing:-.02em}.num-l{font-family:var(--font-mono);font-size:22px;font-weight:500;letter-spacing:-.01em}.num-m{font-family:var(--font-mono);font-size:15px;font-weight:500}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--bg-1);border-right:1px solid var(--border);padding:20px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:2px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px;border-bottom:1px solid var(--border);margin-bottom:14px}.brand-mark{width:28px;height:28px;background:var(--accent);color:#0a0a0b;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:14px;border-radius:3px;letter-spacing:-.05em}.brand-name{font-weight:600;letter-spacing:-.01em}.brand-sub{font-size:10px;color:var(--fg-2);text-transform:uppercase;letter-spacing:.12em}.nav-group{margin-top:14px}.nav-label{font-size:10px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.12em;padding:0 8px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:3px;color:var(--fg-1);cursor:pointer;font-size:13px;border:none;background:none;width:100%;text-align:left;transition:background .1s ease}.nav-item:hover{background:var(--bg-2)}.nav-item.active{background:var(--bg-3);color:var(--fg);box-shadow:inset 2px 0 0 var(--accent)}.nav-item .dot{width:5px;height:5px;border-radius:50%;background:var(--fg-3)}.nav-item.active .dot{background:var(--accent)}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px}.driver-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:4px;background:var(--bg-2)}.driver-avatar{width:32px;height:32px;border-radius:3px;background:linear-gradient(135deg,#2a2a33,#15151a);display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;font-size:12px;color:var(--accent);border:1px solid var(--border-strong)}.driver-name{font-weight:500;font-size:12px}.driver-id{font-family:var(--font-mono);font-size:10px;color:var(--fg-2)}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:48px;border-bottom:1px solid var(--border);background:var(--bg-1);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:10}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-2)}.breadcrumb .sep{color:var(--fg-4)}.breadcrumb .current{color:var(--fg)}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:10px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;border:1px solid var(--border-strong);background:var(--bg-2);font-size:11px;color:var(--fg-1)}.status-pill .pulse{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 #30d15880;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #30d15880}70%{box-shadow:0 0 0 6px #30d15800}to{box-shadow:0 0 #30d15800}}.btn{background:var(--bg-2);color:var(--fg);border:1px solid var(--border-strong);padding:6px 12px;border-radius:3px;font-size:12px;font-weight:500;transition:background .1s ease,border-color .1s ease;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--bg-3);border-color:var(--fg-3)}.btn.primary{background:var(--accent);color:#0a0a0b;border-color:var(--accent);font-weight:600}.btn.primary:hover{background:#ffe033;border-color:#ffe033}.btn.ghost{background:transparent;border-color:transparent;color:var(--fg-2)}.btn.ghost:hover{color:var(--fg);background:var(--bg-2)}.btn.sm{padding:4px 8px;font-size:11px}.content{padding:var(--gap-xl);display:flex;flex-direction:column;gap:var(--gap-xl)}.card{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;min-width:0}.card-head{padding:12px var(--pad-card);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.card-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg)}.card-sub{font-size:11px;color:var(--fg-2)}.card-head .spacer{flex:1}.card-body{padding:var(--pad-card)}.card-body.p0{padding:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-l)}.kpi{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad-card);display:flex;flex-direction:column;gap:8px;min-width:0;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);opacity:0}.kpi.accent:after{opacity:1}.kpi-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-2);display:flex;align-items:center;gap:6px}.kpi-value{font-family:var(--font-mono);font-size:28px;font-weight:500;letter-spacing:-.02em;line-height:1}.kpi-unit{font-size:11px;color:var(--fg-2);margin-left:4px}.kpi-delta{font-family:var(--font-mono);font-size:11px;display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:3px;width:fit-content}.kpi-delta.up{color:var(--green);background:var(--green-soft)}.kpi-delta.down{color:var(--red);background:var(--red-soft)}.kpi-delta.neu{color:var(--fg-2);background:var(--bg-3)}.sparkline{height:36px;width:100%}.table{width:100%;border-collapse:collapse;font-size:12px}.table th,.table td{padding:10px var(--pad-card);text-align:left;border-bottom:1px solid var(--divider);vertical-align:middle}.table th{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2);background:var(--bg-1);position:sticky;top:0;border-bottom:1px solid var(--border)}.table tr:hover td{background:var(--bg-2)}.table tr.selected td{background:var(--accent-soft)}.table td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.table td.best{color:var(--magenta);font-weight:500}.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-radius:3px;background:var(--bg-3);color:var(--fg-1);border:1px solid var(--border);font-weight:500}.chip.accent{color:var(--accent);background:var(--accent-soft);border-color:transparent}.chip.green{color:var(--green);background:var(--green-soft);border-color:transparent}.chip.red{color:var(--red);background:var(--red-soft);border-color:transparent}.chip.cyan{color:var(--cyan);background:var(--cyan-soft);border-color:transparent}.bar{position:relative;height:4px;border-radius:2px;background:var(--bg-3);overflow:hidden}.bar>.fill{position:absolute;left:0;top:0;bottom:0;background:var(--accent)}.bar.thick{height:6px}.trackmap-wrap{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-2);border-radius:var(--radius);overflow:hidden}.trackmap-wrap svg{width:100%;height:100%;display:block}.corner-label{font-family:var(--font-mono);font-size:9px;fill:var(--fg-2)}.legend{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--fg-2)}.legend .swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:middle}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-l)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-l)}.grid-dash-main{display:grid;grid-template-columns:2fr 1fr;gap:var(--gap-l)}.stack{display:flex;flex-direction:column;gap:var(--gap-l)}.row{display:flex;align-items:center;gap:var(--gap-m)}.row.sb{justify-content:space-between}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--gap-l);flex-wrap:wrap}.page-title{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:0}.page-sub{color:var(--fg-2);font-size:13px;margin-top:4px}.seg{display:inline-flex;background:var(--bg-2);border:1px solid var(--border);border-radius:3px;padding:2px}.seg button{background:none;border:none;padding:4px 10px;font-size:11px;color:var(--fg-2);border-radius:2px;text-transform:uppercase;letter-spacing:.08em}.seg button.active{background:var(--bg-4);color:var(--fg)}.seg button:hover{color:var(--fg-1)}.kv{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:1px dashed var(--divider);font-size:12px}.kv:last-child{border-bottom:none}.kv .k{color:var(--fg-2)}.kv .v{font-family:var(--font-mono)}.coach-msg{display:flex;gap:12px;padding:12px;border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--border)}.coach-avatar{width:28px;height:28px;flex-shrink:0;background:var(--accent);color:#0a0a0b;display:grid;place-items:center;border-radius:3px;font-family:var(--font-mono);font-weight:700;font-size:11px}.coach-body{flex:1;min-width:0}.coach-title{font-weight:600;font-size:12px;margin-bottom:4px}.coach-text{font-size:12.5px;color:var(--fg-1);line-height:1.5}.coach-tag{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2);margin-bottom:4px}.session-group{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--gap-l);overflow:hidden}.session-group-head{display:flex;align-items:center;gap:16px;padding:14px var(--pad-card);border-bottom:1px solid var(--border);background:var(--bg-2)}.track-thumb{width:52px;height:32px;border-radius:3px;background:var(--bg-3);display:grid;place-items:center;flex-shrink:0}.tweaks-panel{position:fixed;bottom:20px;right:20px;width:280px;background:var(--bg-2);border:1px solid var(--border-strong);border-radius:6px;padding:14px;z-index:1000;box-shadow:0 20px 60px #00000080;display:none;flex-direction:column;gap:12px;font-size:12px}.tweaks-panel.open{display:flex}.tweaks-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-2);padding-bottom:8px;border-bottom:1px solid var(--border)}.tweak-row{display:flex;flex-direction:column;gap:6px}.tweak-row>.label-sm{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2)}.color-row{display:flex;gap:6px}.color-swatch{width:22px;height:22px;border-radius:3px;border:1px solid var(--border-strong);cursor:pointer;position:relative}.color-swatch.active{outline:2px solid var(--fg);outline-offset:1px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@media (max-width: 960px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto;flex-direction:row;padding:10px;overflow-x:auto}.sidebar-footer{display:none}.brand{border:none;margin:0;padding:4px 8px}.nav-group{margin:0;display:flex;gap:2px}.nav-label{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.grid-dash-main,.grid-2,.grid-3{grid-template-columns:1fr}}