.app-shell{--deep:#122a22;--ink:#17221e;--canvas:#f4f4f0}.app-shell,.v2-shell,.vehicle-profile-page{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.app-shell .content,.v2-content{color:#223029}.app-shell .content :is(p,span,small,dt,dd,th,td,label,a,button,em,time){font-size:max(12px,.85em)}.app-shell .content :is(.eyebrow,.fleet-summary span,.customer-metrics span,.customer-list-head,.booking-table-head,.payment-table-head,.report-kpis>article>span){font-size:11px!important}.app-shell .content :is(.customer-identity b,.customer-relationship b,.customer-value b,.profile-history article b,.vehicle-details h2,.payment-table b,.booking-table b){font-size:13px}.app-shell .content :is(.fleet-heading h1,.reports-heading h1,.page-heading h1){letter-spacing:-.04em}.app-shell .content :is(.vehicle-card,.customer-list,.customer-profile,.report-card,.payments-table,.booking-table,.metric-card,.panel){border-radius:12px;box-shadow:0 3px 12px #20342908}.app-shell .topbar{background:#fffffff0;box-shadow:0 1px 0 #1a34230b}.app-shell .search-box input{font-size:14px!important}.app-shell .icon-button{text-decoration:none}.app-shell .top-actions :is(button,a){min-height:40px}.app-shell .booking-drawer-backdrop,.app-shell .vehicle-modal{z-index:60}@media(hover:hover){.app-shell .content :is(.vehicle-card,.customer-metrics article,.report-kpis article,.payment-overview article,.fleet-summary):hover{box-shadow:0 12px 28px #1c352017;transform:translateY(-2px)}}.app-shell .content :is(.vehicle-card,.customer-metrics article,.report-kpis article,.payment-overview article,.fleet-summary){transition:box-shadow .2s ease,transform .2s ease}.v2-sidebar{background:#122a22;box-shadow:12px 0 28px #152d2210;z-index:8}.v2-logo{text-decoration:none;color:inherit}.v2-logo>span{flex:0 0 34px}.v2-sidebar nav>a,.v2-sidebar-foot>a{font-size:13px;transition:background-color .18s ease,color .18s ease,transform .18s ease}.v2-sidebar nav>a:hover,.v2-sidebar-foot>a:hover{background:#ffffff18;color:#fff;transform:translateX(2px)}.v2-sidebar nav>a.active,.v2-sidebar-foot>a.active{background:#ffffff18;color:#fff}.v2-sidebar-foot>a.active:before{content:"";position:absolute;left:-18px;width:3px;height:23px;border-radius:0 3px 3px 0;background:#d4b56e}.v2-account,.v2-account p{min-width:0}.v2-account p b,.v2-account p span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2-topbar .v2-alert{text-decoration:none}.v2-topbar .v2-new{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.v2-legend .v2-period{height:30px;padding:0 9px;border:1px solid #e1e3dd;border-radius:5px;background:#fff;color:#69726d;font-size:11px;display:inline-flex;align-items:center}.v2-attention>.review-actions{height:42px;width:100%;border:0;background:#fafaf7;color:#896a32;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.fleet-mobile-overlay,.fleet-mobile-trigger{display:none}:where(.app-shell,.v2-shell,.vehicle-profile-page) :is(button,a,[role=button]){-webkit-tap-highlight-color:transparent;transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease,background-color .2s ease,color .2s ease,filter .2s ease}:where(.app-shell,.v2-shell,.vehicle-profile-page) :is(button,a,[role=button]):not(:disabled):active{transform:translateY(1px) scale(.985);filter:brightness(.94)}:where(.app-shell,.v2-shell,.vehicle-profile-page) :is(button,a,[role=button]):focus-visible{outline:3px solid #d1ad59;outline-offset:3px;box-shadow:0 0 0 5px #d1ad5933}:where(.app-shell,.v2-shell,.vehicle-profile-page) button:disabled{cursor:not-allowed;filter:saturate(.6)}:where(.app-shell,.v2-shell,.vehicle-profile-page) :is(.primary-button,.v2-new,.handover-complete,.profile-save button):not(:disabled):hover{box-shadow:0 8px 18px #142b2052;filter:brightness(1.08)}:where(.app-shell,.v2-shell) :is(.filter-row button,.report-range a):not(.active):hover{background:#edf2ed;color:#254e3a}@media(max-width:720px){.app-shell .topbar,.v2-shell .v2-topbar{padding-left:64px}.fleet-mobile-trigger{position:fixed;z-index:45;top:10px;left:12px;width:42px;height:42px;padding:11px 10px;border:1px solid #dfe4dc;border-radius:10px;background:#fff;color:#18382a;box-shadow:0 2px 10px #15332313;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer}.fleet-mobile-trigger span{display:block;width:20px;height:2px;border-radius:2px;background:currentColor}.fleet-mobile-trigger:active,.fleet-mobile-trigger:hover{background:#f2f6f1}.fleet-mobile-overlay{position:fixed;inset:0;z-index:100;display:block}.fleet-mobile-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#0717109c;backdrop-filter:blur(3px);cursor:pointer}.fleet-mobile-drawer{position:absolute;inset:0 auto 0 0;width:min(340px,88vw);height:100%;height:100dvh;padding:20px 18px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow-y:auto;background:#122a22;color:#fff;box-shadow:14px 0 45px #051a1244;animation:fleet-drawer-in .22s ease-out}.fleet-mobile-drawer>header{justify-content:space-between;padding:5px 3px 17px;border-bottom:1px solid #ffffff1c}.fleet-mobile-brand,.fleet-mobile-drawer>header{display:flex;align-items:center;gap:15px}.fleet-mobile-brand>span{width:34px;height:34px;border:1px solid #c7a861;display:grid;place-items:center;transform:rotate(45deg);color:#ddc27e;font:20px Georgia,serif}.fleet-mobile-brand p{display:flex;flex-direction:column;gap:3px;margin:0}.fleet-mobile-brand b{font-size:12px;font-weight:600;letter-spacing:.17em}.fleet-mobile-brand small{color:#c7a861;font-size:10px;letter-spacing:.32em}.fleet-mobile-close{width:36px;height:36px;border:1px solid #ffffff2d;border-radius:9px;background:#ffffff10;color:#fff;font-size:25px;line-height:1;cursor:pointer}.fleet-mobile-drawer nav{display:flex;flex-direction:column;gap:3px;padding-top:27px}.fleet-mobile-drawer nav>small{margin:0 10px 12px;color:#ffffff80;font-size:11px;letter-spacing:.13em}.fleet-mobile-drawer nav>a,.fleet-mobile-drawer-foot>a{position:relative;min-height:48px;padding:0 13px;border-radius:9px;display:flex;align-items:center;gap:14px;color:#d0ded5;text-decoration:none;font-size:14px;font-weight:500;transition:background-color .18s,color .18s}.fleet-mobile-drawer nav>a.active,.fleet-mobile-drawer nav>a:hover,.fleet-mobile-drawer-foot>a.active,.fleet-mobile-drawer-foot>a:hover{background:#ffffff1c;color:#fff}.fleet-mobile-drawer nav>a.active:before,.fleet-mobile-drawer-foot>a.active:before{content:"";position:absolute;left:0;width:3px;height:24px;background:#d3b671;border-radius:0 3px 3px 0}.fleet-mobile-drawer nav>a>b{margin-left:auto;padding:4px 7px;border-radius:12px;background:#d0b26822;color:#e5c984;font-size:11px}.fleet-mobile-drawer-foot{margin-top:auto;padding-top:18px;border-top:1px solid #ffffff1c}.fleet-mobile-account{display:flex;align-items:center;gap:11px;padding:16px 10px 3px}.fleet-mobile-account i{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#d2b36b;color:#163028;font-size:11px;font-style:normal;font-weight:700}.fleet-mobile-account p{min-width:0;margin:0;display:flex;flex-direction:column;gap:4px}.fleet-mobile-account b{font-size:12px;font-weight:600}.fleet-mobile-account b,.fleet-mobile-account span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fleet-mobile-account span{color:#ffffff8a;font-size:11px}@keyframes fleet-drawer-in{0%{transform:translateX(-18px);opacity:.7}to{transform:translateX(0);opacity:1}}.app-shell .content{padding-bottom:24px}.app-shell .topbar .search-box{min-width:0}.app-shell .topbar .primary-button{width:auto;min-width:40px;padding:0 10px;font-size:12px!important;white-space:nowrap}.app-shell .content :is(p,span,small,dt,dd,th,td,label,a,button,em,time){font-size:max(12px,.9em)}}@media(prefers-reduced-motion:reduce){.v2-sidebar nav>a,.v2-sidebar-foot>a,:where(.app-shell,.v2-shell,.vehicle-profile-page) :is(button,a,[role=button]){transition:none!important;animation:none!important}.app-shell .content :is(.vehicle-card,.customer-metrics article,.report-kpis article,.payment-overview article,.fleet-summary){transition:none!important}:where(.app-shell,.v2-shell,.vehicle-profile-page) :is(button,a,[role=button]):active{transform:none}.fleet-mobile-drawer{animation:none}.fleet-mobile-drawer nav>a,.fleet-mobile-drawer-foot>a{transition:none}}