:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#183342;background:#f3f6f8;font-size:16px;line-height:1.5;--ink:#102c3b;--green:#b9f071;--line:#dce4e8}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}header{min-height:88px;background:white;border-bottom:1px solid var(--line);padding:20px max(5vw,20px);display:flex;align-items:center;gap:28px}.brand{font-size:28px;font-weight:800;letter-spacing:-1px;text-decoration:none;display:flex;gap:12px}.brand-dot{color:#4e831f}.family{font-size:12px;letter-spacing:2px;color:#617582}nav{margin-left:auto;display:flex;align-items:center;gap:24px}nav a{font-size:14px;text-decoration:none}nav form{margin:0}main{max-width:1240px;margin:auto;padding:46px 28px 70px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1.5px;line-height:1.15;margin:12px 0}h2{font-size:24px;letter-spacing:-.6px;margin:8px 0 18px}p{color:#5a707d}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.6px}.button,button{display:inline-block;border:0;background:var(--ink);color:#fff;padding:14px 20px;border-radius:9px;font:inherit;font-weight:650;text-decoration:none;cursor:pointer;min-height:48px}button:hover,.button:hover{background:#24495c}.secondary,.quiet{background:#eaf0f3;color:var(--ink)}.quiet{padding:8px 12px;min-height:40px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;margin-bottom:24px}.auth{max-width:510px;margin:25px auto}.auth h1{font-size:34px}.vehicle-tabs{display:flex;gap:12px;margin:28px 0;flex-wrap:wrap}.vehicle-tabs a{padding:12px 20px;border-radius:10px;text-decoration:none;border:1px solid var(--line);background:white;font-weight:650}.vehicle-tabs .selected{background:var(--ink);color:white}.vehicle-tabs small{display:block;font-weight:400;font-size:13px;opacity:.75}.overview{background:var(--ink);color:white;padding:34px;border-radius:18px;display:flex;justify-content:space-between;gap:28px;margin-bottom:24px}.overview h2{font-size:32px;margin:10px 0}.overview p{color:#bbccd5;font-size:14px}.overview a{font-size:14px}.badge{display:inline-block;background:var(--green);color:#19361b;border-radius:5px;padding:5px 10px;font-size:13px;font-weight:650}.odometer{display:flex;flex-direction:column;justify-content:center;text-align:right}.odometer>span{font-size:12px;letter-spacing:.8px;color:#c2d2db}.odometer strong{font-size:52px;letter-spacing:-2px;font-variant-numeric:tabular-nums}.odometer small{font-size:20px;font-weight:400;letter-spacing:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stats .card{display:flex;flex-direction:column;gap:10px;padding:24px}.stats span{font-size:14px;color:#5a707d}.stats strong{font-size:30px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stats small{font-size:16px;font-weight:400}progress{width:100%;height:8px;accent-color:#5b9228}.columns{display:grid;grid-template-columns:0.85fr 1.3fr;gap:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}label{display:block;font-size:14px;font-weight:600;margin-bottom:18px}input,select{display:block;width:100%;padding:13px 14px;border:1px solid #b9c9d2;border-radius:8px;background:#fff;font:inherit;font-size:16px;color:var(--ink);margin-top:7px;min-height:48px}input:focus,select:focus{outline:3px solid #b5d991;outline-offset:1px}button:focus-visible,a:focus-visible{outline:3px solid #649f35;outline-offset:3px}.hint{font-size:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:14px 8px;border-bottom:1px solid var(--line)}th{font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:#607784}.member{padding:18px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.member>span{display:block;font-size:14px;color:#607784;margin-bottom:12px}.alert,.notice{padding:18px;border-radius:10px;margin-bottom:24px;background:#ffebe5;color:#882d20}.notice{background:#e1f3d1;color:#294b1b}.secret{display:block;padding:15px;background:#f1f5f7;overflow-wrap:anywhere;font-size:17px}.codes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}footer{border-top:1px solid var(--line);padding:24px 5vw;font-weight:750;display:flex;justify-content:space-between;color:#607784;font-size:14px}footer span{font-weight:400}hr{border:0;border-top:1px solid var(--line);margin:28px 0}@media(max-width:850px){.family{display:none}.stats{grid-template-columns:1fr}.stats .card{margin-bottom:0}.stats{margin-bottom:24px}.columns{grid-template-columns:1fr}.overview{flex-direction:column}.odometer{text-align:left}.page-heading{align-items:flex-start;flex-direction:column}.columns{gap:0}}@media(max-width:540px){header{padding:16px;gap:12px;flex-wrap:wrap}nav{margin-left:0;gap:16px;width:100%;justify-content:space-between}main{padding:28px 16px}.card,.overview{padding:22px}.form-grid{grid-template-columns:1fr}.odometer strong{font-size:42px}.codes{grid-template-columns:1fr}footer{gap:15px;flex-direction:column}.auth h1{font-size:30px}}

textarea{width:100%;font:inherit;padding:12px;border:1px solid #b9c9d2;border-radius:8px;margin-top:7px}details{margin:20px 0}summary{cursor:pointer;font-weight:650;padding:12px 0}details[open]>summary{margin-bottom:15px}.task{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.task span{display:block;color:#607784;font-size:14px}.checkbox{display:flex;align-items:center;gap:12px}.checkbox input{width:22px;min-height:22px;margin:0}.section-title{display:flex;justify-content:space-between}@media(max-width:540px){.task{flex-direction:column}}

.badge.warning{background:#ffe1a3;color:#62430b}.page-heading{margin-bottom:18px}.page-heading h1{font-size:32px}.vehicle-tabs{margin:18px 0}.overview{padding:26px}main{padding-top:28px}.page-heading p{margin-bottom:0}

.reading-shortcut{display:inline-block;margin:0 0 18px;color:#c6f49a;font-weight:650}@media(max-width:540px){.page-heading>div>p{display:none}.page-heading>.button{width:100%;text-align:center}}

.profile-link{display:flex;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.profile-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px}.profile-picture{width:160px;height:160px;border-radius:50%;object-fit:cover}.profile-placeholder{width:160px;height:160px;display:flex;align-items:center;justify-content:center;text-align:center;background:#eaf0f3;border-radius:50%;padding:20px;color:#5a707d}.profile-card form+form,.vehicle-image-settings form+form{margin-top:16px}.overview.with-image{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(200px,1fr) minmax(200px,1fr);align-items:center}.vehicle-picture{width:100%;max-height:240px;aspect-ratio:4/3;object-fit:contain;background:#0b202c;border-radius:12px}.vehicle-image-settings{padding-top:8px;padding-bottom:8px}.vehicle-image-settings summary{font-size:16px}.vehicle-image-settings form{max-width:640px}input[type=file]{padding:10px;max-width:100%;overflow:hidden}.profile-card>div{min-width:0;overflow-wrap:anywhere}header nav{flex-wrap:wrap}.overview>div{min-width:0}.overview h2{overflow-wrap:anywhere}
@media(max-width:1050px){.family{display:none}.overview.with-image{grid-template-columns:1fr 1fr}.overview.with-image .odometer{grid-column:1/-1;text-align:left}.vehicle-picture{max-height:230px}}
@media(max-width:600px){.profile-card{grid-template-columns:1fr;gap:20px}.overview.with-image{grid-template-columns:minmax(0,1fr)}.vehicle-picture{max-height:240px}.profile-link .avatar{width:30px;height:30px}header nav{justify-content:flex-start;gap:12px 18px}.brand{font-size:26px}}

.password-field{position:relative;display:block}.password-field input{padding-right:58px}.password-toggle{position:absolute;right:2px;top:2px;bottom:2px;min-height:44px;width:48px;padding:10px;background:transparent;color:var(--ink)}.password-toggle:hover{background:#eaf0f3}.password-toggle svg,.image-edit svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.eye-slash{display:none}.password-toggle[aria-pressed=true] .eye-slash{display:block}.vehicle-image-frame{position:relative}.vehicle-image-frame .vehicle-picture{display:block;aspect-ratio:1;max-height:260px}.vehicle-placeholder{display:flex!important;align-items:center;justify-content:center;color:#bbccd5;text-align:center;padding:44px 16px}.image-edit{position:absolute;right:10px;bottom:10px;width:44px;min-height:44px;padding:10px;background:white;color:var(--ink);border:1px solid #b9c9d2;border-radius:50%}.image-edit:hover{background:#e1f3d1}dialog{width:min(540px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:16px;padding:24px;color:var(--ink)}dialog::backdrop{background:#102c3ba6}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.dialog-heading h2{font-size:24px}dialog form+form{margin-top:18px}.member form+form{margin-top:16px}