:root{color-scheme:light;--bg: #f7f7f8;--surface: #ffffff;--surface-2: #f3f5f7;--surface-3: #e8edf2;--border: #e2e5ea;--border-strong: #cbd3dc;--text: #111827;--text-2: #4b5563;--text-3: #717b89;--brand-navy: #141936;--brand-blue: #3b6fa8;--accent: #3b6fa8;--accent-soft: #e9f1f8;--ok: #047857;--ok-bg: #ecfdf5;--warn: #b45309;--warn-bg: #fffbeb;--crit: #b91c1c;--crit-bg: #fef2f2;--shadow: 0 1px 3px rgba(15, 23, 42, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;background:var(--bg)}html,body{overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) 430px;gap:28px;align-items:center;padding:42px;background:linear-gradient(135deg,#141936f5,#1f3f69e6),var(--brand-navy)}.login-hero{color:#fff;display:grid;gap:34px;max-width:760px}.login-brand,.brand-line,.topbar-actions,.trip-main,.trip-top{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:#fff;color:var(--brand-navy);font-weight:900}.brand-mark.small{width:32px;height:32px;border-radius:6px;background:var(--brand-navy);color:#fff}.login-brand strong,.brand-line strong{display:block}.login-brand span,.brand-line span,.driver-chip small,.card-header p,.page-head p,.trip-card p,.metric-row span,dt,.kpi em{color:var(--text-2)}.login-hero .login-brand span,.login-headline p,.login-headline span,.login-preview span{color:#ffffffb8}.login-headline span,.eyebrow{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:0}.login-headline h1{margin:8px 0 0;max-width:760px;font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:0}.login-headline p{max-width:560px;margin:18px 0 0;font-size:17px}.login-preview{width:min(560px,100%);display:grid;grid-template-columns:190px 1fr;gap:12px}.preview-score,.preview-list{border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-score{padding:18px}.preview-score strong{display:block;margin:10px 0;font-size:54px;line-height:1}.preview-score i{display:block;width:86%;height:8px;border-radius:999px;background:#7dd3fc}.preview-list{display:grid;gap:10px;padding:16px}.preview-list b{color:#fff}.login-card{display:grid;gap:22px;padding:28px;border-radius:8px;background:var(--surface);box-shadow:0 24px 70px #0000003d}.login-card h2{margin:0;font-size:24px}.login-card p{margin:4px 0 0;color:var(--text-2)}.login-form,.login-form label{display:grid;gap:10px}.login-form{gap:16px}input{width:100%;height:42px;padding:0 12px;border:1px solid var(--border-strong);border-radius:6px;background:#fff;color:var(--text)}input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.btn{min-height:38px;padding:0 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-weight:800}.btn.primary{border-color:var(--accent);background:var(--accent);color:#fff}.btn:disabled{opacity:.55;cursor:wait}.portal-shell{width:min(1320px,calc(100vw - 32px));margin:0 auto;padding:18px 0 32px}.topbar{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;margin-bottom:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.driver-chip{display:grid;justify-items:end;line-height:1.2}.driver-chip span{font-weight:900}.page-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px}.eyebrow{color:var(--accent)}.page-head h1{margin:2px 0 0;font-size:30px;letter-spacing:0}.page-head p{margin:4px 0 0}.period-tabs{display:flex;gap:6px;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.period-tabs button{min-height:32px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--text-2);font-weight:800}.period-tabs button.active{background:var(--brand-navy);color:#fff}.alert{margin-bottom:12px;padding:10px 12px;border-radius:6px;border:1px solid var(--border)}.alert.error{color:var(--crit);border-color:#fecaca;background:var(--crit-bg)}.alert.info{color:var(--accent);border-color:#c4d6e8;background:var(--accent-soft)}.hero-grid{display:grid;grid-template-columns:276px minmax(0,1fr) 330px;gap:16px;margin-bottom:16px}.score-card,.kpi,.driver-summary,.card{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.score-card,.driver-summary,.card{padding:18px}.score-card{display:grid;gap:14px}.score-card>div:first-child span,.section-label,.kpi span{color:var(--text-3);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:0}.score-card>div:first-child strong{display:block;margin-top:4px;font-size:62px;line-height:1}.score-card p{margin:0;color:var(--text-2)}.score-track,.mini-track{height:8px;overflow:hidden;border-radius:999px;background:var(--surface-3)}.score-track i,.mini-track i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.score-comparison{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.score-comparison span{display:flex;justify-content:space-between;gap:12px;color:var(--text-2)}.score-comparison b{color:var(--text)}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kpi{display:grid;align-content:space-between;min-height:112px;padding:15px}.kpi strong{margin-top:10px;font-size:27px;line-height:1}.kpi small{margin-left:5px;color:var(--text-3);font-size:13px}.kpi em{margin-top:8px;font-size:12px;font-style:normal}.driver-summary{display:grid;gap:14px}.driver-summary>strong{font-size:24px}.driver-summary dl{display:grid;gap:10px;margin:0}.driver-summary dl div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding-top:10px}dt,dd{margin:0}dd{text-align:right;font-weight:800}.quick-note{display:grid;gap:4px;padding:12px;border-radius:6px;background:var(--accent-soft);color:var(--accent)}.quick-note span{color:var(--text-2)}.coach-grid,.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-bottom:16px}.card-header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px}.card-header h2{margin:0;font-size:18px}.card-header p{margin:3px 0 0}.coach-list,.metric-list{display:grid;gap:10px}.coach-item{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:13px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2)}.coach-item>span{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;background:var(--brand-navy);color:#fff;font-weight:900}.coach-item p{margin:4px 0 0;color:var(--text-2)}.metric-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:16px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2)}.metric-row strong,.metric-row span{display:block}.metric-row span{margin-top:3px;font-size:12px}.metric-score{display:grid;gap:7px;text-align:right}.timeline-card{min-width:0}.day-bars{min-height:190px;display:grid;grid-template-columns:repeat(auto-fit,minmax(54px,1fr));gap:8px;align-items:end}.day-bar{min-height:176px;display:grid;grid-template-rows:1fr auto auto auto;gap:5px;align-items:end;justify-items:center;padding:8px 6px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--text)}.day-bar.active,.day.active{border-color:var(--accent);background:var(--accent-soft)}.day-bar .bar{width:100%;max-width:28px;min-height:8px;border-radius:5px 5px 2px 2px;background:var(--accent);opacity:.82}.day-bar small,.day-bar em{color:var(--text-2);font-size:11px;font-style:normal}.day-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:8px}.day{min-height:86px;display:grid;gap:3px;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--text);text-align:center}.day span,.day small,.day em{color:var(--text-2);font-size:12px;font-style:normal}.day strong{font-size:20px}.badge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:900;white-space:nowrap}.trip-list{display:grid;gap:10px}.trip-card{display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.trip-card.expanded{border-color:var(--accent)}.trip-top{width:100%;justify-content:space-between;padding:0;border:0;background:transparent;color:inherit;text-align:left}.plate{display:inline-flex;align-items:center;justify-content:center;min-width:78px;height:32px;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface-2);font-weight:900;font-variant-numeric:tabular-nums}.trip-card p{margin:3px 0 0}.trip-numbers,.trip-metrics,.detail-grid{display:grid;gap:8px}.trip-numbers{width:min(390px,42%);grid-template-columns:repeat(3,minmax(0,1fr))}.trip-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.trip-numbers div,.trip-metrics span,.detail-grid div{padding:8px;border-radius:6px;background:var(--surface-2)}.trip-numbers span,.trip-metrics,.detail-grid span{color:var(--text-2);font-size:12px}.trip-numbers b,.trip-metrics b,.detail-grid strong{display:block;margin-top:2px;color:var(--text)}.trip-detail{display:grid;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.evidence-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.evidence-item{display:flex;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--border);border-radius:6px;background:#fff}.evidence-item p{margin:4px 0 0;color:var(--text-2);font-size:12px}.empty{padding:18px;border:1px dashed var(--border-strong);border-radius:6px;color:var(--text-2);background:var(--surface-2);text-align:center}.empty.compact{padding:12px}.score.great{color:var(--ok)}.score.good{color:#2563eb}.score.warn{color:var(--warn)}.score.bad{color:var(--crit)}@media (max-width: 1120px){.hero-grid,.coach-grid,.content-grid{grid-template-columns:1fr}.trip-top{align-items:stretch;flex-direction:column}.trip-numbers{width:100%}}@media (max-width: 820px){.login-page{grid-template-columns:1fr;padding:20px}.login-preview{grid-template-columns:1fr}.portal-shell{width:min(100vw - 20px,1320px);padding-top:10px}.topbar,.page-head{align-items:stretch;flex-direction:column}.topbar-actions{justify-content:space-between}.driver-chip{justify-items:start}.period-tabs,.period-tabs button{width:100%}.period-tabs button{flex:1}.kpi-grid,.trip-metrics,.detail-grid,.evidence-list{grid-template-columns:1fr 1fr}.metric-row{grid-template-columns:1fr}}@media (max-width: 560px){.login-headline h1{font-size:38px}.kpi-grid,.trip-numbers,.trip-metrics,.detail-grid,.evidence-list{grid-template-columns:1fr}.score-card>div:first-child strong{font-size:52px}}@media (max-width: 820px){:root{font-size:13px}.login-page{align-content:start;gap:18px;min-height:100dvh;padding:18px 14px calc(18px + env(safe-area-inset-bottom))}.login-hero{gap:18px}.login-headline p{font-size:14px}.preview-score{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.preview-score strong{margin:0;font-size:42px}.preview-score i{grid-column:1 / -1}.login-card{padding:18px}input,.btn{min-height:44px}.portal-shell{width:100%;padding:8px 10px calc(24px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;margin:-8px -10px 12px;padding:10px;border-radius:0;border-left:0;border-right:0}.driver-chip{min-width:0}.driver-chip span,.driver-chip small{max-width:calc(100vw - 128px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-head{gap:12px}.page-head h1{font-size:24px}.period-tabs{position:sticky;top:62px;z-index:18;box-shadow:var(--shadow)}.period-tabs button{min-height:40px}.hero-grid,.coach-grid,.content-grid{gap:10px;margin-bottom:10px}.score-card,.driver-summary,.card{padding:14px}.score-comparison span,.driver-summary dl div{align-items:flex-start;flex-direction:column;gap:2px}dd,.metric-score{text-align:left}.day-bars,.day-strip{width:100%;max-width:100%;display:flex;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.day-bar,.day{min-width:0;flex:0 0 calc((100% - 32px)/5);scroll-snap-align:start}.trip-top,.trip-main{align-items:stretch;flex-direction:column}.plate{width:max-content}}@media (max-width: 560px){.login-headline h1{font-size:34px}.login-preview{display:none}.score-card>div:first-child strong{font-size:48px}.coach-item{grid-template-columns:28px 1fr;padding:11px}.coach-item>span{width:24px;height:24px}.trip-card{padding:12px}.day-bar,.day{flex-basis:calc((100% - 24px)/4)}.day-bar{min-height:156px}.day{min-height:78px}}