:root{--bg:#090a0c;--panel:#111318;--panel-2:#171a20;--line:#242832;--text:#f4f5f7;--muted:#8e95a3;--red:#ff1f32;--green:#24d17e}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top right, #ff1f3214, transparent 28%), var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}body{min-height:100vh}button{font:inherit}.page{width:min(1500px,100% - 48px);margin:0 auto;padding-bottom:60px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:92px;display:flex}.brand{align-items:center;gap:18px;display:flex}.brandMark{letter-spacing:-2px;background:linear-gradient(145deg,#1a1d23,#0c0e12);border:1px solid #343943;border-radius:8px;justify-content:center;align-items:center;width:68px;height:44px;font-size:24px;font-style:italic;font-weight:900;display:flex}.brandName{letter-spacing:-1.2px;font-size:26px;font-style:italic;font-weight:900;line-height:1}.brandName span{color:var(--red)}.brandClaim{color:var(--muted);letter-spacing:4px;margin-top:7px;font-size:9px}.user{align-items:center;gap:14px;display:flex}.userText{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.userText strong{font-size:14px}.userText span{color:var(--muted);font-size:12px}.avatar{background:var(--red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:800;display:flex}.hero{justify-content:space-between;align-items:flex-end;gap:32px;padding:70px 0 44px;display:flex}.eyebrow{color:var(--red);letter-spacing:3px;margin:0 0 10px;font-size:11px;font-weight:800}.hero h1{letter-spacing:-4px;max-width:760px;margin:0;font-size:clamp(42px,6vw,78px);line-height:.98}.heroText{max-width:650px;color:var(--muted);margin:22px 0 0;font-size:18px;line-height:1.6}.heroStatus{color:#b9f7d6;background:#24d17e12;border:1px solid #253129;border-radius:999px;align-items:center;gap:9px;min-width:max-content;margin-bottom:9px;padding:10px 15px;font-size:13px;font-weight:700;display:flex}.dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 14px #24d17ea6}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.statCard{border:1px solid var(--line);background:linear-gradient(145deg, #ffffff05, transparent), var(--panel);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:130px;padding:22px;display:flex}.statCard span{color:var(--muted);font-size:13px}.statCard strong{letter-spacing:-1.5px;font-size:32px}.contentGrid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:24px}.panelHeader{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panelHeader h2{letter-spacing:-.8px;margin:0;font-size:24px}.vehicleGrid{gap:14px;display:grid}.vehicleCard{border:1px solid var(--line);background:var(--panel-2);border-radius:16px;overflow:hidden}.vehicleTop{background:linear-gradient(135deg,#ff1f322e,#0000 38%),#11141a;justify-content:space-between;align-items:flex-start;min-height:92px;padding:18px 20px;display:flex}.raceNumber{letter-spacing:-3px;font-size:46px;font-style:italic;font-weight:900;line-height:1}.offlineBadge{color:#ff8894;letter-spacing:1px;background:#ff1f3214;border:1px solid #4a3034;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.vehicleBody{padding:20px}.vehicleCode{color:var(--muted);letter-spacing:1.5px;font-size:11px;font-weight:700}.vehicleBody h3{margin:7px 0 5px;font-size:25px}.vehicleBody p{color:var(--muted);margin:0;font-size:13px}.vehicleFooter{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.vehicleFooter span{color:var(--muted);font-size:12px}.vehicleFooter button{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:800}.eventList{gap:10px;display:grid}.eventCard{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;grid-template-columns:64px 1fr 30px;align-items:center;gap:16px;min-height:92px;padding:14px;display:grid}.eventDate{border-right:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;min-height:60px;display:flex}.eventDate strong{font-size:25px}.eventDate span{color:var(--muted);letter-spacing:1.2px;margin-top:3px;font-size:10px;font-weight:700}.eventInfo h3{margin:3px 0;font-size:16px}.eventInfo p{color:var(--muted);margin:0;font-size:12px}.eventStatus{color:var(--red);letter-spacing:1px;font-size:9px;font-weight:900}.eventArrow{color:var(--muted);font-size:22px}@media (max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.contentGrid{grid-template-columns:1fr}}@media (max-width:700px){.page{width:min(100% - 24px,1500px)}.topbar{min-height:76px}.brandClaim,.userText{display:none}.hero{flex-direction:column;align-items:flex-start;padding-top:45px}.hero h1{letter-spacing:-2.5px}.stats{grid-template-columns:1fr 1fr}.statCard{min-height:105px}.panel{padding:16px}.vehicleFooter{flex-direction:column;align-items:flex-start}}