:root{--ink:#18201d;--muted:#6d7772;--cream:#f3f1ea;--paper:#fff;--green:#1f6a4a;--lime:#dfff78;--line:#e4e6e1;--shadow:0 18px 50px #18201d14}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#101714;color:white;padding:30px 23px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font:800 21px Manrope}.brand b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--lime);color:#173725}aside nav{display:grid;gap:7px;margin-top:60px}button{font:600 14px inherit;cursor:pointer}aside nav button,.mobile-nav button{border:0;background:transparent;color:#94a099;text-align:left;padding:13px;border-radius:12px}aside nav button.active,aside nav button:hover{background:#26312c;color:white}.account{margin-top:auto;border-top:1px solid #2c3531;padding-top:20px;display:flex;gap:10px;align-items:center}.account i,.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e5bc78;color:#382a14;font-style:normal;font-weight:700}.account small{display:block;color:#87928d;margin-top:3px}.avatar{border:0}main{margin-left:230px;padding:0 46px 70px;max-width:1500px}header{height:120px;display:flex;align-items:center;justify-content:space-between}header small,.heading small,.dialog-head small{font-size:10px;font-weight:800;letter-spacing:.18em;color:#87908c}h1{font:800 28px Manrope;margin:5px 0}.view{display:none}.view.active{display:block;animation:fade .25s}@keyframes fade{from{opacity:.2;transform:translateY(5px)}}.hero{position:relative;overflow:hidden;min-height:285px;background:linear-gradient(125deg,#194d38,#286f50);border-radius:28px;padding:40px;color:white;box-shadow:var(--shadow)}.hero>span{background:#ffffff18;color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.15em;padding:8px 11px;border-radius:99px}.hero h2{font:700 43px/1.05 Manrope;margin:18px 0 10px}.hero em{color:var(--lime);font-style:normal}.hero p{color:#c7d8d0}.primary{border:0;background:var(--lime);color:#173625;padding:13px 18px;border-radius:12px;font-weight:700}.hero .primary{margin-top:16px}.orbit{position:absolute;right:10%;top:28px;width:225px;height:225px;border:1px solid #ffffff2b;border-radius:50%;display:grid;place-items:center;font-size:38px;color:#21573f}.orbit:before{content:"";position:absolute;inset:28px;border:1px solid #ffffff20;border-radius:50%}.orbit:after{content:"";position:absolute;width:76px;height:76px;background:var(--lime);border-radius:25px;z-index:0}.orbit{z-index:0}.orbit::first-letter{z-index:1}.heading{display:flex;align-items:end;justify-content:space-between;margin:37px 0 16px}.heading h2{font:800 22px Manrope;margin:5px 0 0}.heading button{border:0;background:none;color:var(--green)}.heading.compact{margin:0 0 8px;align-items:center}.heading.compact h2{font-size:18px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vehicle-card,.panel{background:white;border:1px solid #e9e9e5;border-radius:20px;padding:20px;box-shadow:0 8px 24px #141e1909}.vehicle-card{transition:.2s}.vehicle-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.vehicle-top{display:flex;justify-content:space-between}.vehicle-icon{width:47px;height:47px;border-radius:14px;background:#e5f0e9;display:grid;place-items:center;font-size:24px}.health{font-size:11px;font-weight:700;color:var(--green)}.health:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#48aa78;margin-right:5px}.vehicle-card h3{font:800 17px Manrope;margin:18px 0 4px}.vehicle-card p,.row p,.reminder p{margin:0;color:var(--muted);font-size:12px}.mileage{border-top:1px solid var(--line);margin-top:16px;padding-top:13px;display:flex;justify-content:space-between;font-size:12px}.columns{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-top:17px}.row{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid #eceeea}.row:last-child,.reminder:last-child{border:0}.row-icon{width:42px;height:42px;border-radius:12px;background:#edf2ee;display:grid;place-items:center}.row h3,.reminder h3{font-size:14px;margin:0 0 4px}.cost{text-align:right;font-weight:700}.cost small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.reminder{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.date{background:#f0f2ed;border-radius:11px;text-align:center;padding:6px;font-weight:800}.date small{display:block;font-size:9px;color:var(--muted)}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.intro p{color:var(--muted)}.filters{display:flex;gap:10px;margin-bottom:8px}.filters input{flex:1}.filters input,.filters select,input,select,textarea{border:1px solid #dadfd9;background:white;border-radius:10px;padding:12px;font:inherit;width:100%}.reminder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.reminder-grid .panel h3{margin:12px 0 4px}.badge{display:inline-block;background:#eef4e7;color:#42703d;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:800}.mobile-nav{display:none}dialog{border:0;padding:0;border-radius:24px;width:min(600px,calc(100% - 28px));box-shadow:0 35px 90px #0005}dialog::backdrop{background:#0c141099;backdrop-filter:blur(4px)}form{padding:28px}.dialog-head{display:flex;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font:800 26px Manrope;margin:4px 0}.close{border:0;background:#f1f2ef;border-radius:50%;width:35px;height:35px;font-size:22px}label{display:grid;gap:7px;font-size:12px;font-weight:700;margin-bottom:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.upload{display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed #a9b6ae;border-radius:13px;padding:16px;color:var(--green)}.upload small{display:block;color:var(--muted);font-weight:400}.upload input{display:none}.actions{display:flex;justify-content:flex-end;gap:9px}.secondary{border:1px solid var(--line);background:white;padding:12px 18px;border-radius:11px}.toast{position:fixed;right:25px;bottom:25px;background:#16241d;color:white;border-radius:12px;padding:13px 18px;opacity:0;transform:translateY(15px);transition:.25s;z-index:50}.toast.show{opacity:1;transform:none}
@media(max-width:900px){aside{display:none}main{margin:0;padding:0 18px 100px}header{height:92px}.hero{padding:28px;min-height:310px}.hero h2{font-size:36px}.orbit{width:150px;height:150px;right:-30px;top:80px;opacity:.7}.vehicle-grid,.columns{grid-template-columns:1fr}.mobile-nav{display:grid;grid-template-columns:1fr 1fr 58px 1fr 1fr;position:fixed;z-index:20;bottom:0;left:0;right:0;height:72px;background:#111a16;padding:7px 10px;align-items:center}.mobile-nav button{display:grid;justify-items:center;gap:1px;padding:5px;text-align:center}.mobile-nav button.active{color:var(--lime)}.mobile-nav small{font-size:9px}.mobile-nav .fab{width:54px;height:54px;border:5px solid var(--cream);background:var(--lime);color:#183525;border-radius:50%;font-size:25px;transform:translateY(-20px)}.reminder-grid{grid-template-columns:1fr}.filters{flex-direction:column}}@media(max-width:480px){.orbit{display:none}.hero{min-height:auto}.hero h2{font-size:34px}.form-grid{grid-template-columns:1fr}.row{grid-template-columns:40px 1fr}.cost{grid-column:2;text-align:left}.intro{align-items:flex-start;gap:12px}}
.vehicle-photo{width:100%;height:145px;object-fit:cover;border-radius:14px;margin-bottom:14px;background:#e5f0e9}.vehicle-card.has-photo h3{margin-top:10px}.vehicle-meta{border-top:1px solid var(--line);margin-top:16px;padding-top:13px;display:flex;justify-content:space-between;font-size:12px}.vehicle-meta strong{text-transform:capitalize}.vehicle-photo-upload{display:flex;flex-direction:column;align-items:center;border:1px dashed #a9b6ae;border-radius:14px;padding:16px;cursor:pointer;color:var(--green)}.vehicle-photo-upload small{color:var(--muted);font-weight:400}.vehicle-photo-upload input{display:none}#photo-preview{display:grid;place-items:center;width:90px;height:70px;border-radius:11px;background:#e5f0e9;margin-bottom:8px;font-size:28px;overflow:hidden}#photo-preview img{width:100%;height:100%;object-fit:cover}.actions .close{width:auto;height:auto;border:1px solid var(--line);border-radius:11px;background:white;padding:12px 18px;font-size:14px}
/* Calm, logbook-like palette */
:root{--cream:#f5f5f2;--green:#303732;--lime:#dfe4df;--line:#e1e2de}.hero{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 35px #18201d0a}.hero>span{background:#eef0ed;color:#59615c}.hero h2 em{color:#59615c}.hero p{color:var(--muted)}.hero .primary,.primary{background:#29312c;color:#fff}.orbit{border-color:#dfe2dd;color:#4f5852}.orbit:before{border-color:#e7e9e5}.orbit:after{background:#e4e8e3}.brand b{background:#e1e5e1;color:#28312c}aside{background:#202522}.vehicle-icon{background:#ecefeb}.health{color:#59625c}.health:before{background:#7a847d}.badge{background:#ecefeb;color:#525b55}.document-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.document-card h3{margin:13px 0 5px}.document-card p{color:var(--muted);font-size:12px}.document-link{display:inline-block;margin-top:16px;color:#343d37;font-size:13px;font-weight:700;text-decoration:none}.empty-state{grid-column:1/-1;color:var(--muted);text-align:center}.check-row{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:12px;padding:13px}.check-row input{width:18px;height:18px;margin-top:2px}.check-row small{display:block;color:var(--muted);font-weight:400;margin-top:3px}@media(max-width:900px){.mobile-nav{grid-template-columns:1fr 1fr 52px 1fr 1fr 1fr}.document-grid{grid-template-columns:1fr}.mobile-nav button{font-size:18px}.mobile-nav small{font-size:8px}}

/* Bitakar brand: restrained navy surfaces with orange wayfinding accents. */
:root{--ink:#102239;--muted:#697584;--cream:#f6f7f8;--paper:#fff;--green:#123052;--lime:#ff5a00;--line:#e2e6ea;--shadow:0 18px 50px #10223914}
aside,.mobile-nav{background:#0d2038}
.brand,.mobile-brand{cursor:pointer;text-decoration:none}
.brand-crop{display:block;position:relative;overflow:hidden;width:184px;height:52px;border-radius:12px;background:#fff}
.brand-crop img{position:absolute;width:184px;height:auto;left:0;top:-26px}
.mobile-brand{display:none}
aside nav{margin-top:45px}
aside nav button,.mobile-nav button{color:#aeb9c6}
aside nav button.active,aside nav button:hover{background:#193653;color:#fff}
.account{border-top-color:#29415c}.account small{color:#98a8b9}
.account i,.avatar,.profile-avatar{background:#ff5a00;color:#fff}
.hero>span{background:#fff0e8;color:#c74300}
.hero h2 em,.heading button,.document-link,.upload,.vehicle-photo-upload{color:#e64f00}
.hero .primary,.primary{background:#102b49;color:#fff}
.primary:hover{background:#173b61}
.orbit{border-color:#dbe2e9;color:#173b61}.orbit:before{border-color:#e7ebef}.orbit:after{background:#ff5a00}
.vehicle-icon,.row-icon,#photo-preview{background:#edf2f6}
.health{color:#38536d}.health:before{background:#ff5a00}
.badge,.date{background:#fff0e8;color:#a93a00}
.toast{background:#0d2038}
.mobile-nav button.active{color:#ff7a35}.mobile-nav .fab{background:#ff5a00;color:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid #ff5a0040;border-color:#ff5a00}
@media(max-width:900px){header{gap:12px}.mobile-brand{display:block}.mobile-brand .brand-crop{width:116px;height:38px;border:1px solid var(--line)}.mobile-brand .brand-crop img{width:116px;top:-16px}.header-copy{display:none}.avatar{margin-left:auto}}