@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#eef6f0;background:#080e11;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #cbfa75;outline-offset:3px}.shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.rail{background:#0c1417;border-right:1px solid #202b2e;position:sticky;top:0;height:100vh;padding:31px 16px;display:flex;flex-direction:column}.brand{font:800 22px Manrope;letter-spacing:-1.4px;color:#f1f7f2;margin:0 14px 8px}.brand b{color:#cafa79}.brand-sub{font-size:9px;color:#7f9392;letter-spacing:2.4px;margin:0 14px 45px;text-transform:uppercase}.nav{width:100%;border:0;background:none;color:#9fafb0;text-align:left;padding:13px 15px;border-radius:11px;margin:3px 0;font:600 13px 'DM Sans';display:flex;align-items:center;gap:13px;transition:.2s}.nav:hover{background:#1b272a;color:white}.nav.active{background:#cafa79;color:#112016}.nav svg{width:18px;height:18px}.rail-footer{margin-top:auto;border-top:1px solid #243033;padding-top:20px}.version{font:700 11px Manrope;color:#8da49e;letter-spacing:.5px}.workspace{min-width:0;background:radial-gradient(circle at 78% 4%,#1b302d 0,transparent 31%),#0b1216}.topbar{height:83px;display:flex;justify-content:space-between;align-items:center;padding:0 45px;border-bottom:1px solid #253136;background:#0d1619bb;backdrop-filter:blur(16px)}.crumb{font-size:12px;color:#859e9d}.crumb b{color:#e8f3ed}.profile-pill{background:#172529;border:1px solid #2a3a3d;color:#bad2c4;font-size:12px;border-radius:40px;padding:10px 15px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:40px 45px 70px;max-width:1550px;margin:auto}.kicker{font:800 10px Manrope;letter-spacing:2.7px;color:#b5ed78;text-transform:uppercase}.page-title{font:800 clamp(28px,3.5vw,44px) Manrope;letter-spacing:-2px;margin:9px 0 10px}.subtitle{color:#90a6a5;font-size:14px;line-height:1.6}.flex{display:flex;gap:14px;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.btn{border:1px solid #cafa79;background:#cafa79;color:#17251b;font:800 12px Manrope;padding:13px 19px;border-radius:11px;transition:.2s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #cafa792a}.btn.ghost{background:#17262a;color:#e3eee8;border-color:#334448}.btn.danger{background:#322022;border-color:#5d363a;color:#ffbcc1}.layout{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;margin:27px 0}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}.panel{border:1px solid #293b3c;background:linear-gradient(145deg,#172326,#101a1d);border-radius:19px;padding:24px;min-width:0}.panel h3{font:800 16px Manrope;letter-spacing:-.45px;margin:0 0 19px}.metric{border:1px solid #2b3a3c;border-radius:15px;background:#121e21;padding:21px}.metric p{color:#91a6a5;font-size:12px;margin:0}.metric strong{font:800 30px Manrope;display:block;margin:11px 0;letter-spacing:-1px}.metric small{color:#b2f18a;font-size:11px}.hero{position:relative;overflow:hidden;background:linear-gradient(105deg,#182b2b 0%,#254b42 55%,#0f2428 100%);min-height:317px;display:flex;align-items:center;border:1px solid #3b5b55;border-radius:22px;padding:36px 42px}.hero:after{content:'CP';font:800 220px Manrope;letter-spacing:-24px;color:#d7ff7510;position:absolute;right:3%;top:-20px;pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:440px}.hero h2{font:800 clamp(26px,3vw,42px) Manrope;letter-spacing:-2px;line-height:1.13;margin:12px 0}.hero p{font-size:13px;line-height:1.85;color:#bfd3ca}.eyebrow{font:800 10px Manrope;color:#cafa79;letter-spacing:2px}.rowline{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #27383b;padding:17px 0}.rowline:last-child{border-bottom:0}.rowline strong{font:700 13px Manrope}.muted{color:#90a5a4;font-size:12px;line-height:1.6}.tag{display:inline-flex;align-items:center;background:#2a402f;border:1px solid #4b6d3e;color:#cbf3a3;border-radius:8px;padding:6px 9px;font:700 10px Manrope}.tag.dim{background:#202e32;border-color:#364a4c;color:#95b0ae}.tag.warn{background:#4a3825;border-color:#755633;color:#f9d5a5}.vehicle-tile{display:flex;align-items:center;gap:16px;border:1px solid #2b3c3e;background:#132125;border-radius:14px;padding:17px;margin:11px 0;cursor:pointer}.vehicle-tile:hover{border-color:#b3e97b}.car-icon{width:73px;height:60px;border-radius:12px;background:linear-gradient(135deg,#395b59,#1b3137);display:grid;place-items:center;font-size:31px;flex-shrink:0}.timeline{padding-left:25px;border-left:1px solid #3c5750;margin-left:8px}.event{position:relative;padding:0 0 29px 19px}.event:before{content:'';width:11px;height:11px;border-radius:50%;background:#cafa79;position:absolute;left:-31px;top:4px}.event h4{margin:0 0 7px;font:700 14px Manrope}.event p{margin:9px 0;font-size:13px;color:#b5c9c1}.event:last-child{padding-bottom:0}.field{display:flex;flex-direction:column;gap:7px;color:#a8c0b6;font:700 11px Manrope}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}input,select,textarea{width:100%;background:#101b1f;color:white;border:1px solid #395054;border-radius:10px;padding:13px 15px;min-height:46px}input::placeholder,textarea::placeholder{color:#637c7a}option{background:#101b1f}.overlay{position:fixed;inset:0;background:#020709df;display:grid;place-items:center;padding:16px;z-index:30}.modal{width:min(620px,100%);max-height:91vh;overflow:auto;background:#142226;border:1px solid #3a504d;border-radius:22px;padding:29px;box-shadow:0 30px 100px #000b}.modal h2{font:800 21px Manrope}.toast{position:fixed;right:23px;top:21px;z-index:50;background:#cafa79;color:#142215;border-radius:12px;padding:15px 18px;font:800 12px Manrope;box-shadow:0 22px 55px #0007;max-width:310px}.notice{padding:14px 17px;border:1px solid #52663c;background:#263522;color:#d4f3b5;border-radius:11px;font-size:12px;margin:17px 0;line-height:1.7}.empty{padding:45px 20px;text-align:center;color:#8eaaa5;font-size:13px}.empty strong{display:block;color:white;font:800 17px Manrope;margin:8px 0}.auth{min-height:100vh;background:radial-gradient(ellipse at 80% 24%,#284f45,#0b181a 55%);display:grid;place-items:center;padding:22px}.authbox{width:min(460px,100%);background:#152327;border:1px solid #38504b;border-radius:23px;padding:37px;box-shadow:0 40px 100px #0007}.authbox h1{font:800 39px Manrope;letter-spacing:-1.8px;line-height:1.12;margin:16px 0}.authbox .field{margin:17px 0}.authbox .btn{width:100%;margin-top:10px}.segment{display:flex;gap:6px;background:#0d181c;border:1px solid #2c4544;padding:5px;border-radius:12px;margin:19px 0}.segment button{flex:1;border:0;background:transparent;border-radius:8px;color:#8ba9a2;padding:11px;font-weight:700;font-size:12px}.segment button.on{background:#cafa79;color:#1d3025}.mobile-nav{display:none}.message{padding:13px 16px;border-radius:13px;background:#263b3d;margin:10px 0;max-width:80%;font-size:13px;overflow-wrap:anywhere}.message.mine{margin-left:auto;background:#39583c}.message small{display:block;color:#abc4b9;font-size:10px;margin-top:6px}.preview{width:100%;height:175px;object-fit:cover;border-radius:12px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.file-row{display:flex;justify-content:space-between;gap:10px;padding:15px 0;border-bottom:1px solid #2d3c40;align-items:center}.file-row a{color:#ccf899;text-decoration:underline}.auth-head{position:absolute;top:27px;left:32px;font:800 18px Manrope;color:#eef7ed}.auth-head b{color:#cafa79}.auth-version{position:absolute;bottom:21px;left:32px;color:#89a59b;font-size:11px}.footer-version{margin:35px 0 0;color:#738b85;font-size:11px}input[type=file]{padding:10px;font-size:12px}
@media(max-width:1050px){.shell{grid-template-columns:205px minmax(0,1fr)}.content{padding:30px 24px}.topbar{padding:0 24px}.layout{grid-template-columns:1fr}.hero{min-height:260px}}
@media(max-width:700px){.shell{display:block;padding-bottom:76px}.rail{display:none}.mobile-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;display:flex;justify-content:space-around;gap:3px;padding:10px 7px max(11px,env(safe-area-inset-bottom));background:#111e21;border-top:1px solid #334549}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;border:0;background:none;color:#849e97;font-size:9px;padding:5px 2px;min-width:48px}.mobile-nav button.active{color:#cafa79}.mobile-nav svg{width:22px;height:22px}.topbar{height:63px;padding:0 16px}.profile-pill{max-width:130px}.content{padding:23px 15px}.page-title{font-size:30px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:16px}.metric strong{font-size:24px}.metrics .metric:last-child{grid-column:1/-1}.hero{padding:28px 24px;min-height:295px}.hero:after{font-size:130px;top:18px;right:0}.hero h2{font-size:29px}.hero p{max-width:290px}.panel{padding:18px}.form{grid-template-columns:1fr}.wide{grid-column:auto}.photo-grid{grid-template-columns:repeat(2,1fr)}.authbox{padding:25px}.authbox h1{font-size:31px}}