@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";:root{color:#171a1d;font-synthesis:none;--red:#c9151e;--red-dark:#9f1017;--ink:#171a1d;--muted:#687078;--line:#dfe3e7;--paper:#fff;--green:#137a55;--amber:#b86a00;--radius:16px;background:#f2f4f6;font-family:Be Vietnam Pro,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #c9151e40}.app-shell{min-height:100vh}.sidebar{color:#fff;z-index:20;background:#191c20;flex-direction:column;width:252px;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;display:flex}.brand>div:last-child{flex-direction:column;display:flex}.brand strong{font-size:18px}.brand small{letter-spacing:1.7px;color:#8e969e;font:700 10px Barlow Condensed}.brand-mark{background:var(--red);border-radius:22px;place-items:center;width:72px;height:72px;display:grid;transform:skew(-5deg);box-shadow:0 12px 32px #c9151e47}.brand-mark span{color:#fff;letter-spacing:-1px;font:800 30px Barlow Condensed}.brand-mark.small{width:42px;height:42px;box-shadow:none;border-radius:12px}.brand-mark.small span{font-size:20px}.sidebar nav{flex-direction:column;gap:7px;margin-top:46px;display:flex}.sidebar nav button,.sidebar-foot>button{color:#aeb4ba;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:13px;padding:13px 14px;font-weight:600;display:flex}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#2a2e33}.sidebar nav button.active{box-shadow:inset 3px 0 var(--red)}.sidebar nav b{background:var(--red);color:#fff;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:11px}.sidebar-foot{border-top:1px solid #30343a;margin-top:auto;padding-top:18px}.bike-mini{align-items:center;gap:10px;padding:0 10px 14px;display:flex}.bike-mini svg{color:#e1e4e7}.bike-mini span{flex-direction:column;min-width:0;display:flex}.bike-mini strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.bike-mini small{color:#8e969e;margin-top:3px;font-size:9px}.mobile-header,.bottom-nav,.mobile-fab{display:none}.content{max-width:1660px;margin-left:252px;padding:42px 48px 80px}.demo-banner{color:#6d4a00;background:#fff4d6;border:1px solid #f0d58c;border-radius:10px;align-items:center;gap:8px;margin-bottom:24px;padding:9px 14px;font-size:12px;display:flex}.page-head{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.page-head h1{text-transform:uppercase;letter-spacing:-1px;margin:4px 0 10px;font:800 clamp(38px,4vw,58px)/.95 Barlow Condensed}.page-head>div>p:last-child{color:var(--muted);margin:0;font-size:14px}.eyebrow{color:var(--red);letter-spacing:2px;margin:0;font:700 11px Barlow Condensed}.primary{background:var(--red);color:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex;box-shadow:0 6px 18px #c9151e29}.primary:hover{background:var(--red-dark)}.primary.full{width:100%}.dashboard-grid{grid-template-columns:1.4fr .8fr .9fr;gap:18px;display:grid}.odometer-panel,.summary-panel{border-radius:var(--radius);min-height:246px;position:relative;overflow:hidden}.odometer-panel{border:1px solid var(--line);background:#fff;padding:24px}.panel-label,.summary-panel>span{letter-spacing:1.5px;align-items:center;gap:8px;font:700 11px Barlow Condensed;display:flex}.odometer{align-items:baseline;gap:9px;margin:27px 0 2px;display:flex}.odometer strong,.unknown-km{letter-spacing:1px;font:800 clamp(50px,5vw,76px)/1 Barlow Condensed}.odometer span{color:var(--muted);font:700 16px Barlow Condensed}.unknown-km{margin-top:32px;display:block}.odometer-panel p,.summary-panel p{color:var(--muted);margin:4px 0 22px;font-size:12px}.odometer-panel button,.summary-panel button{color:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:700;display:flex}.odometer-lines{border:16px solid #eef0f2;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-56px;right:-34px}.odometer-lines:after{content:"";border:2px dashed #d7dce0;border-radius:50%;position:absolute;inset:13px}.summary-panel{color:#fff;flex-direction:column;padding:24px;display:flex}.summary-panel.red{background:linear-gradient(145deg,#d51a24,#a80c14)}.summary-panel.dark{background:linear-gradient(145deg,#292d32,#17191c)}.summary-panel>strong{letter-spacing:-1px;margin-top:auto;font:800 clamp(42px,4vw,66px)/1 Barlow Condensed}.summary-panel>strong small{font-size:20px}.summary-panel p{color:#ffffffad;margin:5px 0 18px}.summary-panel button{color:#fff}.section-block{margin-top:40px}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.section-head h2,.list-title h2{text-transform:uppercase;margin:3px 0;font:700 26px Barlow Condensed}.text-button{color:var(--red);background:0 0;border:0;align-items:center;font-size:12px;font-weight:700;display:flex}.urgent-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.maintenance-card{border:1px solid var(--line);background:#fff;border-left:5px solid #89a096;border-radius:13px;padding:19px 20px;box-shadow:0 3px 12px #14191e06}.maintenance-card.overdue{border-left-color:var(--red)}.maintenance-card.soon{border-left-color:#e49817}.card-top{justify-content:space-between;align-items:center;display:flex}.status{border-radius:999px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.status-overdue{color:#a40d15;background:#fde7e8}.status-soon{color:#8e5100;background:#fff0d5}.status-good{color:#0e6747;background:#e5f6ef}.status-done{color:#52616a;background:#edf1f3}.group-label{letter-spacing:1.2px;color:#8b9298;font:700 10px Barlow Condensed}.maintenance-card h3{margin:13px 0 7px;font-size:15px;line-height:1.45}.maintenance-card.compact h3{min-height:44px}.notes{color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.65}.due-row{border-top:1px solid #edf0f2;align-items:flex-end;gap:20px;margin-top:14px;padding-top:15px;display:flex}.metric{flex-direction:column;display:flex}.metric strong{font:700 20px Barlow Condensed}.metric span{color:var(--muted);margin-top:2px;font-size:9px}.complete-button{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:6px;height:38px;margin-left:auto;padding:0 11px;font-size:11px;font-weight:700;display:flex}.complete-button:hover{border-color:var(--red);color:var(--red)}.complete-button:disabled{opacity:.5}.tip-strip{background:#e6ebee;border-radius:13px;align-items:center;gap:14px;margin-top:20px;padding:17px 20px;display:flex}.tip-strip svg{color:var(--red);flex:none}.tip-strip strong{text-transform:uppercase;font:700 14px Barlow Condensed}.tip-strip p{color:#5f6970;margin:3px 0 0;font-size:11px}.filter-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.filter-row>span{color:var(--muted);font-size:12px}.search{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:9px;width:min(420px,100%);height:45px;padding:0 13px;display:flex}.search svg{color:#899198;width:18px}.search input{background:0 0;border:0;outline:0;width:100%}.maintenance-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.spend-hero{color:#fff;background:linear-gradient(110deg,#191c20 0%,#272b30 60%,#8e1016 160%);border-radius:18px;justify-content:space-between;align-items:center;padding:28px 32px;display:flex;position:relative;overflow:hidden}.spend-hero span{letter-spacing:1.8px;color:#aeb4ba;font:700 11px Barlow Condensed}.spend-hero strong{margin:4px 0;font:800 clamp(45px,5vw,70px) Barlow Condensed;display:block}.spend-hero strong small{font-size:25px}.spend-hero p{color:#aeb4ba;margin:0;font-size:12px}.spend-mark{border:22px solid #ffffff0f;border-radius:50%;place-items:center;width:145px;height:145px;display:grid}.spend-mark svg{color:#e12a33;width:44px;height:44px}.accessory-columns{grid-template-columns:1fr 1fr;gap:24px;margin-top:28px;display:grid}.accessory-columns>section{min-width:0}.list-title{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.list-title>div{align-items:center;gap:9px;display:flex}.list-title b{background:#e1e5e8;border-radius:999px;padding:4px 9px;font-size:11px}.dot{background:var(--green);border-radius:50%;width:9px;height:9px}.dot.wanted{background:#e39715}.accessory-list{flex-direction:column;gap:9px;display:flex}.accessory-row{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:13px;display:flex}.accessory-icon{width:39px;height:39px;color:var(--green);background:#e5f6ef;border-radius:10px;flex:none;place-items:center;display:grid}.accessory-icon.wanted{color:#9a5b00;background:#fff0d5}.accessory-icon svg{width:18px}.accessory-main{flex:1;min-width:0}.accessory-main strong{font-size:12px;display:block}.accessory-main p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:3px 0;font-size:10px;overflow:hidden}.accessory-main span{color:var(--red);font:700 13px Barlow Condensed}.row-actions{gap:3px;display:flex}.row-actions button,.icon-button{color:#747c83;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.row-actions button:hover{color:#222;background:#eef1f3}.row-actions button.danger:hover{color:var(--red);background:#fde7e8}.row-actions svg{width:16px}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0a0c0e94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(520px,100%);padding:24px;animation:.18s ease-out modal-in;box-shadow:0 24px 80px #00000040}.modal-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-head h2{text-transform:uppercase;margin:0;font:700 28px Barlow Condensed}.form{flex-direction:column;gap:16px;display:flex}.form label{flex-direction:column;gap:7px;font-size:11px;font-weight:700;display:flex}.form input,.form textarea,.form select{color:#171a1d;background:#fafbfb;border:1px solid #d7dce0;border-radius:10px;outline:0;padding:12px}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--red);background:#fff}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-help{color:var(--muted);margin:-8px 0 0;font-size:10px}.selected-task{background:#f2f4f6;border-radius:11px;gap:12px;padding:13px;display:flex}.selected-task svg{color:var(--red)}.selected-task span{flex-direction:column;display:flex}.selected-task small{letter-spacing:1px;color:var(--muted);font:700 9px Barlow Condensed}.selected-task strong{margin-top:3px;font-size:12px}.toast{z-index:200;color:#fff;background:#17221e;border-radius:11px;align-items:center;gap:9px;padding:13px 17px;font-size:12px;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 10px 30px #0003}.toast svg{color:#61d5a6;width:17px}.login-page{background:#f2f4f6;grid-template-columns:minmax(420px,600px) 1fr;min-height:100vh;display:grid}.login-panel{flex-direction:column;justify-content:center;padding:clamp(40px,8vw,100px);display:flex}.login-panel .brand-mark{margin-bottom:42px}.login-panel h1{text-transform:uppercase;letter-spacing:-2px;margin:8px 0 25px;font:800 clamp(54px,7vw,88px)/.87 Barlow Condensed}.login-panel h1 em{color:var(--red);font-style:normal}.login-copy{max-width:390px;color:var(--muted);font-size:13px;line-height:1.7}.login-panel form{max-width:390px;margin-top:30px}.login-panel form label{margin-bottom:8px;font-size:11px;font-weight:700;display:block}.login-panel form input{letter-spacing:4px;background:#fff;border:1px solid #d4d9dd;border-radius:11px;width:100%;height:54px;margin-bottom:12px;padding:0 15px;font-size:20px}.form-error{color:var(--red);font-size:11px}.secure-note{color:#93999e;margin-top:20px;font-size:9px}.login-art{background:linear-gradient(135deg,#1a1d21,#08090a);place-items:center;display:grid;position:relative;overflow:hidden}.login-art:before{content:"";background:var(--red);width:70%;height:140%;position:absolute;right:-36%;transform:rotate(24deg)}.speed-ring{aspect-ratio:1;outline-offset:-20px;color:#fff;border:38px solid #272b30;border-radius:50%;outline:2px dashed #50575d;flex-direction:column;justify-content:center;align-items:center;width:min(46vw,530px);display:flex;position:relative;box-shadow:inset 0 0 0 2px #050606,0 0 80px #000000b3}.speed-ring span{letter-spacing:5px;color:#878f96;font:700 15px Barlow Condensed}.speed-ring strong{color:#fff;letter-spacing:-7px;font:800 130px/.9 Barlow Condensed}.speed-ring small{letter-spacing:4px;color:#d5252e;font:700 11px Barlow Condensed}.boot{place-items:center;min-height:100vh;display:grid}.form-error{margin-top:10px}@keyframes modal-in{0%{opacity:0;transform:translateY(28px)scale(.94)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.7;transform:skew(-5deg)scale(.94)}}@media (width<=1050px){.content{padding:36px 28px 80px}.dashboard-grid{grid-template-columns:1fr 1fr}.odometer-panel{grid-column:1/-1}.maintenance-list,.accessory-columns{grid-template-columns:1fr}}@media (width<=760px){body{background:#f4f5f6}.sidebar{display:none}.mobile-header{border-bottom:1px solid var(--line);z-index:30;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:sticky;top:0}.mobile-header .brand{gap:9px}.mobile-header .brand strong{font-size:15px}.content{margin:0;padding:24px 15px 110px}.page-head{align-items:flex-start;margin-bottom:22px}.page-head h1{font-size:40px}.page-head>div>p:last-child{font-size:11px;line-height:1.5}.desktop-action{display:none}.dashboard-grid{grid-template-columns:1fr 1fr;gap:10px}.odometer-panel{grid-column:1/-1;min-height:217px;padding:19px}.summary-panel{min-height:190px;padding:16px}.summary-panel>strong{word-break:break-word;font-size:35px}.summary-panel.dark>strong{font-size:27px}.summary-panel p{font-size:9px;line-height:1.45}.summary-panel button{font-size:10px}.urgent-grid{grid-template-columns:1fr}.maintenance-card{padding:16px}.maintenance-card.compact h3{min-height:auto}.maintenance-card h3{font-size:13px}.due-row{gap:14px}.metric strong{font-size:17px}.complete-button span{display:none}.section-block{margin-top:30px}.section-head h2{font-size:22px}.tip-strip{align-items:flex-start}.tip-strip p{line-height:1.55}.bottom-nav{height:72px;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:40;background:#fffffff5;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#858c92;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:9px;display:flex;position:relative}.bottom-nav button svg{width:20px}.bottom-nav button.active{color:var(--red);font-weight:700}.bottom-nav b{background:var(--red);color:#fff;border-radius:999px;padding:2px 5px;font-size:8px;position:absolute;top:7px;left:calc(50% + 6px)}.mobile-fab{background:var(--red);color:#fff;z-index:35;border:0;border-radius:15px;place-items:center;width:50px;height:50px;display:grid;position:fixed;bottom:86px;right:18px;box-shadow:0 8px 25px #c9151e52}.filter-row{align-items:flex-end}.maintenance-list{grid-template-columns:1fr}.spend-hero{padding:23px 20px}.spend-hero strong{font-size:44px}.spend-mark{border-width:14px;width:90px;height:90px}.spend-mark svg{width:30px}.accessory-columns{grid-template-columns:1fr;gap:25px}.accessory-row{padding:11px}.row-actions{flex-direction:column}.accessory-main p{max-width:190px}.modal-backdrop{align-items:end;padding:0}.modal{padding:21px 18px calc(22px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-height:92vh;overflow:auto}.form-grid{grid-template-columns:1fr}.toast{justify-content:center;bottom:88px;left:15px;right:15px}.login-page{background:#f2f4f6;display:block}.login-panel{min-height:100vh;padding:34px 24px}.login-panel .brand-mark{margin-bottom:46px}.login-panel h1{font-size:57px}.login-art{display:none}}.accessory-mobile-tabs{display:none}.wanted-row{flex-wrap:wrap}.priority-choice{border-top:1px solid #edf0f2;flex:1 0 100%;gap:7px;margin-left:51px;padding-top:10px;display:flex}.priority-button{border:1px solid var(--line);color:#687078;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex}.priority-button svg{width:15px;height:15px}.priority-button.urgent:hover,.priority-button.urgent.active{color:#b20f17;background:#fde9ea;border-color:#d9232c}.priority-button.later:hover,.priority-button.later.active{color:#272c31;background:#edf1f3;border-color:#6f7880}.priority-button.active{box-shadow:inset 0 0 0 1px}@media (width<=760px){.accessory-mobile-tabs{z-index:15;background:#e3e7ea;border-radius:13px;grid-template-columns:1fr 1fr;gap:5px;margin:18px 0 22px;padding:5px;display:grid;position:sticky;top:74px}.accessory-mobile-tabs button{color:#6f777e;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:46px;font-size:11px;font-weight:700;display:flex}.accessory-mobile-tabs button svg{width:16px}.accessory-mobile-tabs button b{background:#cfd5d9;border-radius:999px;padding:2px 7px;font-size:9px}.accessory-mobile-tabs button.active{color:#171a1d;background:#fff;box-shadow:0 3px 10px #191d2017}.accessory-mobile-tabs button.active:last-child{color:var(--red)}.accessory-mobile-tabs button.active b{color:var(--red);background:#fde7e8}.accessory-columns>section.mobile-list-hidden{display:none}.priority-choice{gap:6px;margin-left:0}.priority-button{flex:1;min-width:0;padding:0 7px}.wanted-row .row-actions{align-self:flex-start}}:root{--motion-fast:.16s;--motion-base:.32s;--motion-slow:.56s;--ease-snap:cubic-bezier(.2,.8,.2,1);--ease-spring:cubic-bezier(.16,1,.3,1)}html{scroll-behavior:smooth}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}.page-view{animation:page-arrive var(--motion-slow) var(--ease-spring) both;transform-origin:50% 20%}.page-head .eyebrow,.page-head h1,.page-head>div>p:last-child,.page-head>.primary{animation:text-rise .48s var(--ease-spring) both}.page-head h1{animation-delay:45ms}.page-head>div>p:last-child{animation-delay:90ms}.page-head>.primary{animation-delay:.12s}.sidebar nav button,.primary,.text-button,.complete-button,.row-actions button,.icon-button,.priority-button,.bottom-nav button,.mobile-fab,.accessory-mobile-tabs button{transition:transform var(--motion-fast) var(--ease-snap),color var(--motion-fast) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-base) var(--ease-snap),opacity var(--motion-fast) ease}.sidebar nav button svg,.primary svg,.text-button svg,.complete-button svg,.row-actions svg,.bottom-nav svg,.mobile-fab svg{transition:transform var(--motion-base) var(--ease-spring)}.sidebar nav button.active svg{color:#fff;filter:drop-shadow(0 0 7px #ff414a66);animation:nav-icon-in .42s var(--ease-spring) both}.sidebar nav button.active b{animation:badge-pop .42s var(--ease-spring) both}.brand-mark{transition:transform var(--motion-base) var(--ease-spring),box-shadow var(--motion-base) ease}.brand-mark.small{animation:brand-start .62s var(--ease-spring) both}.primary{isolation:isolate;position:relative;overflow:hidden}.primary:after{content:"";z-index:-1;transition:transform .62s var(--ease-snap);background:linear-gradient(110deg,#0000 35%,#ffffff47 50%,#0000 65%);position:absolute;inset:-80% -30%;transform:translate(-95%)rotate(8deg)}.dashboard-grid>article{animation:panel-ignite .62s var(--ease-spring) both}.dashboard-grid>article:first-child{animation-delay:80ms}.dashboard-grid>article:nth-child(2){animation-delay:.155s}.dashboard-grid>article:nth-child(3){animation-delay:.22s}.odometer-panel,.summary-panel,.maintenance-card,.accessory-row,.spend-hero,.tip-strip{transition:transform var(--motion-base) var(--ease-spring),box-shadow var(--motion-base) var(--ease-snap),border-color var(--motion-fast) ease}.odometer-lines{animation:gauge-sweep .92s var(--ease-spring) .18s both}.odometer-lines:after{animation:gauge-tick .92s var(--ease-spring) .21s both}.summary-panel:before,.spend-hero:before{content:"";pointer-events:none;animation:panel-sheen 1.05s var(--ease-snap) .28s both;background:linear-gradient(105deg,#0000 40%,#ffffff1f 50%,#0000 60%);position:absolute;inset:-120% -35%;transform:translate(-75%)rotate(9deg)}.summary-panel>*,.spend-hero>*{z-index:1;position:relative}.summary-panel button svg,.text-button svg{transform:translate(0)}.section-block,.tip-strip{animation:section-rise .56s var(--ease-spring) .25s both}.tip-strip svg{animation:tip-spark .62s var(--ease-spring) .52s both}.maintenance-list .maintenance-card,.urgent-grid .maintenance-card,.accessory-list .accessory-row{animation:list-item-in .48s var(--ease-spring) both}.maintenance-list .maintenance-card:nth-child(2),.urgent-grid .maintenance-card:nth-child(2),.accessory-list .accessory-row:nth-child(2){animation-delay:45ms}.maintenance-list .maintenance-card:nth-child(3),.urgent-grid .maintenance-card:nth-child(3),.accessory-list .accessory-row:nth-child(3){animation-delay:90ms}.maintenance-list .maintenance-card:nth-child(4),.urgent-grid .maintenance-card:nth-child(4),.accessory-list .accessory-row:nth-child(4){animation-delay:.135s}.maintenance-list .maintenance-card:nth-child(5),.accessory-list .accessory-row:nth-child(5){animation-delay:.18s}.maintenance-list .maintenance-card:nth-child(6),.accessory-list .accessory-row:nth-child(6){animation-delay:.215s}.maintenance-list .maintenance-card:nth-child(n+7),.accessory-list .accessory-row:nth-child(n+7){animation-delay:.245s}.status{transition:transform var(--motion-fast) var(--ease-snap),box-shadow var(--motion-fast) ease}.status svg{animation:status-tick .44s var(--ease-spring) .26s both}.due-row{transition:border-color var(--motion-fast) ease}.search{transition:border-color var(--motion-fast) ease,box-shadow var(--motion-base) var(--ease-snap),transform var(--motion-base) var(--ease-spring)}.search:focus-within{border-color:#c9151e8c;transform:translateY(-1px);box-shadow:0 0 0 4px #c9151e14}.search:focus-within svg{color:var(--red);transform:scale(1.08)}.form input,.form textarea,.form select{transition:border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,box-shadow var(--motion-base) var(--ease-snap),transform var(--motion-fast) var(--ease-snap)}.form input:focus,.form textarea:focus,.form select:focus{transform:translateY(-1px);box-shadow:0 0 0 4px #c9151e14}.spend-hero{animation:spend-enter .68s var(--ease-spring) 70ms both}.spend-mark{animation:gauge-sweep .92s var(--ease-spring) .18s both}.spend-mark svg{animation:bag-drop .62s var(--ease-spring) .42s both}.dot{animation:dot-arrive .52s var(--ease-spring) .26s both;box-shadow:0 0 #137a5538}.dot.wanted{box-shadow:0 0 #e397153d}.priority-button.active{animation:priority-lock .36s var(--ease-spring) both}.priority-button.active svg{animation:badge-pop .36s var(--ease-spring) both}.accessory-icon svg{transition:transform var(--motion-base) var(--ease-spring)}.modal-backdrop{animation:.24s ease-out both backdrop-in}.modal{animation:modal-in .46s var(--ease-spring) both}.modal-head,.form>*{animation:text-rise .4s var(--ease-spring) both}.form>:nth-child(2){animation-delay:45ms}.form>:nth-child(3){animation-delay:80ms}.form>:nth-child(4){animation-delay:.115s}.toast{animation:toast-in .46s var(--ease-spring) both}.toast svg{animation:toast-check .52s var(--ease-spring) .14s both}.boot .brand-mark{animation:boot-ignite 1.15s var(--ease-spring) infinite}.boot .brand-mark:after{content:"";border:2px solid #c9151e38;border-top-color:var(--red);border-radius:50%;width:118px;height:118px;animation:1s linear infinite boot-ring;position:absolute}::view-transition-old(root){animation:.18s ease-in both view-old}::view-transition-new(root){animation:view-new .42s var(--ease-spring) both}@media (hover:hover) and (pointer:fine){.sidebar nav button:hover{transform:translate(4px)}.sidebar nav button:hover svg{transform:scale(1.08)}.brand:hover .brand-mark{transform:skew(-5deg)rotate(-3deg)scale(1.05);box-shadow:0 14px 34px #c9151e52}.primary:hover{transform:translateY(-2px);box-shadow:0 11px 28px #c9151e40}.primary:hover:after{transform:translate(95%)rotate(8deg)}.primary:hover svg,.text-button:hover svg,.summary-panel button:hover svg{transform:translate(3px)}.odometer-panel:hover,.summary-panel:hover,.maintenance-card:hover,.accessory-row:hover{transform:translateY(-4px);box-shadow:0 14px 34px #161b1f17}.summary-panel:hover{box-shadow:0 18px 38px #161b1f2e}.maintenance-card:hover .status{transform:translateY(-1px)}.maintenance-card:hover .complete-button:not(:disabled){border-color:var(--red);color:var(--red);box-shadow:0 5px 14px #c9151e1a}.maintenance-card:hover .complete-button:not(:disabled) svg{transform:scale(1.12)rotate(-5deg)}.accessory-row:hover .accessory-icon svg{transform:scale(1.12)rotate(-4deg)}.row-actions button:hover,.priority-button:hover{transform:translateY(-2px)}.spend-hero:hover .spend-mark{transform:rotate(7deg)scale(1.04)}.mobile-fab:hover{transform:translateY(-3px)rotate(3deg);box-shadow:0 14px 30px #c9151e61}}button:active,.primary:active,.complete-button:active,.priority-button:active,.row-actions button:active,.mobile-fab:active{transition-duration:70ms;transform:scale(.96)}.bottom-nav button.active svg{animation:mobile-nav-in .42s var(--ease-spring) both}.bottom-nav button.active:after{content:"";background:var(--red);width:22px;height:3px;animation:nav-line-in .38s var(--ease-spring) both;border-radius:999px;position:absolute;bottom:2px}.mobile-fab{animation:fab-in .52s var(--ease-spring) .18s both}@keyframes page-arrive{0%{opacity:0;transform:translateY(14px)scale(.994)}to{opacity:1;transform:none}}@keyframes text-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes panel-ignite{0%{opacity:0;filter:blur(4px);transform:translateY(24px)scale(.97)}to{opacity:1;filter:none;transform:none}}@keyframes section-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes list-item-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@keyframes gauge-sweep{0%{opacity:0;transform:rotate(-34deg)scale(.82)}to{opacity:1;transform:none}}@keyframes gauge-tick{0%{opacity:0;transform:rotate(-110deg)}to{opacity:1;transform:none}}@keyframes panel-sheen{0%{transform:translate(-75%)rotate(9deg)}to{transform:translate(85%)rotate(9deg)}}@keyframes nav-icon-in{0%{transform:scale(.72)rotate(-12deg)}70%{transform:scale(1.12)rotate(3deg)}to{transform:none}}@keyframes mobile-nav-in{0%{transform:translateY(4px)scale(.76)}65%{transform:translateY(-2px)scale(1.12)}to{transform:none}}@keyframes nav-line-in{0%{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}@keyframes badge-pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.16)}to{opacity:1;transform:none}}@keyframes brand-start{0%{opacity:0;transform:skew(-5deg)rotate(-9deg)scale(.72)}to{opacity:1;transform:skew(-5deg)}}@keyframes status-tick{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.18)}to{opacity:1;transform:none}}@keyframes tip-spark{0%{opacity:0;transform:rotate(-12deg)scale(.65)}70%{transform:rotate(5deg)scale(1.12)}to{opacity:1;transform:none}}@keyframes spend-enter{0%{opacity:0;transform:translateY(20px)scale(.975)}to{opacity:1;transform:none}}@keyframes bag-drop{0%{opacity:0;transform:translateY(-15px)rotate(-8deg)}70%{transform:translateY(3px)rotate(3deg)}to{opacity:1;transform:none}}@keyframes dot-arrive{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.35);box-shadow:0 0 0 8px #0000}to{opacity:1;transform:none;box-shadow:0 0 #0000}}@keyframes priority-lock{0%{transform:scale(.94)}65%{transform:scale(1.035)}to{transform:none}}@keyframes backdrop-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(22px)scale(.9)}to{opacity:1;transform:none}}@keyframes toast-check{0%{transform:scale(0)rotate(-35deg)}70%{transform:scale(1.2)rotate(5deg)}to{transform:none}}@keyframes boot-ignite{0%,to{transform:skew(-5deg)scale(.95);box-shadow:0 8px 22px #c9151e2e}50%{transform:skew(-5deg)scale(1.04);box-shadow:0 18px 44px #c9151e61}}@keyframes boot-ring{to{transform:rotate(360deg)}}@keyframes fab-in{0%{opacity:0;transform:translateY(20px)scale(.7)rotate(-12deg)}to{opacity:1;transform:none}}@keyframes view-old{to{opacity:0;transform:scale(.99)}}@keyframes view-new{0%{opacity:0;transform:translateY(8px)scale(1.006)}to{opacity:1;transform:none}}@media (width<=760px){.page-view{animation-duration:.42s}.dashboard-grid>article{animation-duration:.5s}.accessory-columns>section:not(.mobile-list-hidden){animation:list-switch .38s var(--ease-spring) both}.accessory-mobile-tabs button.active{animation:tab-lock .36s var(--ease-spring) both}.accessory-mobile-tabs button.active svg{animation:badge-pop .36s var(--ease-spring) both}.maintenance-card:active,.accessory-row:active,.odometer-panel:active,.summary-panel:active{transition-duration:90ms;transform:scale(.985)}.modal{animation-name:sheet-in}.row-actions button:active{background:#eef1f3}.priority-button:active{box-shadow:inset 0 0 0 1px}.spend-mark{animation-duration:.76s}@keyframes list-switch{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes tab-lock{0%{transform:scale(.96)}65%{transform:scale(1.018)}to{transform:none}}@keyframes sheet-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.head-actions{align-items:center;gap:10px;display:flex}.secondary-button{border:1px solid var(--line);color:#40474d;min-height:46px;transition:all var(--motion-fast) var(--ease-snap);background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.secondary-button svg{width:18px}.reminder-button{color:#7a5700;background:#fff9e8;border:1px solid #e5d6a5;border-radius:9px;align-items:center;gap:6px;height:38px;margin-left:auto;padding:0 10px;font-size:10px;font-weight:700;display:flex}.reminder-button+.complete-button{margin-left:0}.reminder-summary{color:#586269;background:#f1f4f6;border-radius:8px;align-items:center;gap:6px;width:max-content;max-width:100%;margin:0 0 10px;padding:6px 9px;font-size:9px;font-weight:700;display:flex}.reminder-summary svg{width:14px;height:14px;color:var(--amber)}.switch-row{background:#f2f4f6;border-radius:11px;justify-content:space-between;align-items:center;padding:13px 14px;flex-direction:row!important;display:flex!important}.switch-row span{flex-direction:column;gap:3px;display:flex}.switch-row small{color:var(--muted);font-weight:400}.switch-row input{appearance:none;width:46px;height:26px;box-shadow:none;background:#cbd1d5;border:0;border-radius:999px;padding:0;position:relative}.switch-row input:after{content:"";width:20px;height:20px;transition:transform var(--motion-fast) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0003}.switch-row input:checked{background:var(--red)}.switch-row input:checked:after{transform:translate(20px)}.fuel-dashboard{grid-template-columns:1.25fr .8fr .8fr;gap:16px;display:grid}.fuel-gauge,.fuel-stat{border:1px solid var(--line);min-height:250px;animation:panel-ignite .62s var(--ease-spring) both;background:#fff;border-radius:18px;padding:25px}.fuel-gauge{background:linear-gradient(135deg,#fff 55%,#edf1f3);align-items:center;gap:26px;display:flex}.fuel-gauge-ring{border:18px solid #e7ebee;border-top-color:var(--red);width:184px;height:184px;animation:gauge-sweep .9s var(--ease-spring) both;border-right-color:#24282c;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #d4d9dd}.fuel-gauge-ring svg{width:25px;color:var(--red)}.fuel-gauge-ring strong{margin-top:5px;font:800 43px/1 Barlow Condensed}.fuel-gauge-ring span{letter-spacing:1.2px;color:var(--muted);font:700 8px Barlow Condensed}.fuel-gauge>p{color:var(--muted);max-width:190px;font-size:11px;line-height:1.65}.fuel-stat{color:#fff;background:linear-gradient(145deg,#d51a24,#9e0b12);flex-direction:column;display:flex}.fuel-stat.dark{background:linear-gradient(145deg,#282d31,#17191c)}.fuel-stat>svg{opacity:.8;width:28px;height:28px}.fuel-stat>span{letter-spacing:1.4px;color:#ffffffa6;margin-top:16px;font:700 10px Barlow Condensed}.fuel-stat>strong{margin-top:auto;font:800 clamp(27px,2.6vw,43px)/1 Barlow Condensed}.fuel-stat>small{color:#ffffff9e;margin-top:7px;font-size:9px}.fuel-history-head{margin-top:38px}.fuel-mobile-add{display:none}.fuel-list{flex-direction:column;gap:9px;display:flex}.fuel-row{border:1px solid var(--line);animation:list-item-in .44s var(--ease-spring) both;transition:transform var(--motion-base) var(--ease-spring),box-shadow var(--motion-base) ease;background:#fff;border-radius:13px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:13px;padding:13px 15px;display:grid}.fuel-drop{width:42px;height:42px;color:var(--red);background:#fde9ea;border-radius:12px;place-items:center;display:grid}.fuel-drop svg{width:19px}.fuel-row>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.fuel-row>div:nth-child(2)>strong{font-size:13px}.fuel-row>div:nth-child(2)>span,.fuel-row>div:nth-child(2)>small{color:var(--muted);font-size:9px}.fuel-liters{text-align:right;flex-direction:column;gap:3px;display:flex}.fuel-liters strong{font:700 17px Barlow Condensed}.fuel-liters span{color:var(--muted);font-size:9px}.icon-button.danger:hover{color:var(--red);background:#fde7e8}.empty-state{text-align:center;background:#ffffff8c;border:1px dashed #cfd5da;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:250px;padding:30px;display:flex}.empty-state>svg{color:#a5adb3;width:38px;height:38px}.empty-state h3{text-transform:uppercase;margin:13px 0 5px;font:700 21px Barlow Condensed}.empty-state p{color:var(--muted);margin:0 0 18px;font-size:11px}.empty-state.compact{min-height:170px}.empty-state.compact .text-button{margin-top:8px}.year-select{align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.year-select select{border:1px solid var(--line);background:#fff;border-radius:10px;height:44px;padding:0 34px 0 12px}.expense-hero{color:#fff;min-height:205px;animation:spend-enter .62s var(--ease-spring) both;background:linear-gradient(110deg,#171a1d,#292d31 68%,#951018 155%);border-radius:18px;justify-content:space-between;align-items:center;padding:28px 32px;display:flex;position:relative;overflow:hidden}.expense-hero:after{content:"";border:44px solid #ffffff09;border-radius:50%;width:310px;height:310px;position:absolute;top:-88px;right:-88px}.expense-hero span{letter-spacing:1.6px;color:#aeb4ba;font:700 10px Barlow Condensed}.expense-hero strong{margin:8px 0;font:800 clamp(48px,6vw,78px)/1 Barlow Condensed;display:block}.expense-hero strong small{font-size:25px}.expense-hero p{color:#aeb4ba;margin:0;font-size:11px}.expense-hero>svg{color:#e52a33;z-index:1;width:58px;height:58px;margin-right:42px;position:relative}.expense-summaries{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px;display:grid}.expense-summary{border:1px solid var(--line);animation:panel-ignite .52s var(--ease-spring) both;background:#fff;border-top:4px solid #687078;border-radius:13px;flex-direction:column;padding:16px 18px;display:flex}.expense-summary.fuel{border-top-color:#2775bd}.expense-summary.maintenance{border-top-color:#d68a0d}.expense-summary.accessory{border-top-color:var(--red)}.expense-summary>span{color:var(--muted);font-size:10px}.expense-summary>strong{margin:6px 0 2px;font:700 25px Barlow Condensed}.expense-summary>small{color:#939a9f;font-size:9px}.expense-chart-card,.expense-ledger{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:18px;padding:22px 24px}.chart-head{justify-content:space-between;align-items:flex-end;display:flex}.chart-head h2{text-transform:uppercase;margin:3px 0;font:700 25px Barlow Condensed}.chart-legend{gap:14px;display:flex}.chart-legend span{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.chart-legend i{border-radius:2px;width:8px;height:8px}.chart-legend .fuel,.month-bar .fuel{background:#2775bd}.chart-legend .maintenance,.month-bar .maintenance{background:#d68a0d}.chart-legend .accessory,.month-bar .accessory{background:var(--red)}.expense-chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#edf0f2 0 1px,#0000 1px 52px);grid-template-columns:repeat(12,1fr);align-items:end;gap:8px;height:225px;margin-top:22px;padding-top:12px;display:grid}.month-column{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.month-column>span{color:#8b9399;font:700 9px Barlow Condensed}.month-bar{border-radius:5px 5px 0 0;flex-direction:column-reverse;justify-content:flex-start;width:min(26px,70%);height:185px;display:flex;overflow:hidden}.month-bar i{min-height:0;transition:height .7s var(--ease-spring);display:block}.expense-ledger .section-head{margin-bottom:9px}.expense-ledger .section-head>b{background:#edf0f2;border-radius:999px;padding:4px 9px;font-size:10px}.ledger-row{border-top:1px solid #edf0f2;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;display:grid}.ledger-icon{border-radius:10px;place-items:center;width:37px;height:37px;display:grid}.ledger-icon svg{width:17px}.ledger-icon.fuel{color:#2775bd;background:#e7f2fc}.ledger-icon.maintenance{color:#a96800;background:#fff2d9}.ledger-icon.accessory{color:var(--red);background:#fde9ea}.ledger-row>div:nth-child(2){flex-direction:column;gap:3px;display:flex}.ledger-row>div:nth-child(2) strong{font-size:11px}.ledger-row>div:nth-child(2) span{color:var(--muted);font-size:9px}.ledger-row>b{color:#30363a;font:700 15px Barlow Condensed}.vault-loading{min-height:60vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.vault-loading svg{width:44px;height:44px;color:var(--red);animation:boot-ignite 1.15s var(--ease-spring) infinite}.vault-lock{border:1px solid var(--line);text-align:center;background:#fff;border-radius:22px;width:min(560px,100%);margin:32px auto;padding:36px;box-shadow:0 22px 65px #181d2114}.vault-emblem{color:#fff;background:linear-gradient(145deg,#24282d,#111315);border-radius:28px;place-items:center;width:94px;height:94px;margin:0 auto 24px;display:grid;transform:rotate(-4deg);box-shadow:0 16px 36px #1113153b}.vault-emblem svg{color:#e82932;width:42px;height:42px}.vault-lock h2{text-transform:uppercase;margin:5px 0 8px;font:800 38px Barlow Condensed}.vault-lock>p:not(.eyebrow){color:var(--muted);max-width:390px;margin:0 auto 22px;font-size:11px;line-height:1.65}.vault-lock form{text-align:left}.vault-lock>small{color:#8d959b;margin-top:16px;font-size:9px;display:block}.vault-open-banner{color:#175a43;background:#e8f6f0;border:1px solid #cce8db;border-radius:13px;align-items:center;gap:13px;margin-bottom:20px;padding:15px 17px;display:flex}.vault-open-banner>svg{width:24px}.vault-open-banner strong{font-size:11px}.vault-open-banner p{color:#467260;margin:3px 0 0;font-size:9px}.document-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.document-card{border:1px solid var(--line);min-height:235px;animation:list-item-in .48s var(--ease-spring) both;transition:transform var(--motion-base) var(--ease-spring),box-shadow var(--motion-base) ease;background:#fff;border-radius:15px;flex-direction:column;padding:18px;display:flex}.document-type{color:#6c747a;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.document-type svg{width:17px;color:var(--red)}.document-card h3{margin:17px 0 5px;font-size:14px;line-height:1.4}.document-card>p{color:var(--muted);margin:0;font-size:10px}.document-card>small{color:var(--muted);margin:8px 0;font-size:9px;line-height:1.5}.document-expiry{color:#126747;background:#e7f5ef;border-radius:999px;width:max-content;margin-top:10px;padding:5px 8px;font-size:9px;font-weight:700}.document-expiry.soon{color:#8e5100;background:#fff0d5}.document-expiry.expired{color:#a40d15;background:#fde7e8}.document-actions{border-top:1px solid #edf0f2;gap:7px;margin-top:auto;padding-top:14px;display:flex}.document-actions button{background:#edf1f3;border:0;border-radius:8px;align-items:center;gap:5px;min-height:34px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.document-actions button svg{width:14px}.document-actions button.danger{color:#8e959a;background:#fff;margin-left:auto}.document-actions button.danger:hover{color:var(--red);background:#fde7e8}.file-drop{text-align:center;background:#f7f8f9;border:1px dashed #c4cbd0;border-radius:12px;align-items:center;padding:16px!important}.file-drop svg{color:var(--red)}.file-drop span{color:var(--muted);font-size:10px}.file-drop input{background:#fff;width:100%;padding:7px}.mobile-tools-backdrop{display:none}@media (hover:hover) and (pointer:fine){.fuel-row:hover,.document-card:hover{transform:translateY(-3px);box-shadow:0 13px 30px #181d2114}.secondary-button:hover{border-color:#aeb5ba;transform:translateY(-2px);box-shadow:0 8px 20px #181d2114}.reminder-button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #b86a001f}.month-column:hover .month-bar{filter:saturate(1.2);transform:scaleX(1.08)}.month-bar{transition:transform var(--motion-fast) var(--ease-snap),filter var(--motion-fast) ease}}@media (width<=1050px){.fuel-dashboard{grid-template-columns:1fr 1fr}.fuel-gauge{grid-column:1/-1}.document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.bottom-nav.expanded{grid-template-columns:repeat(4,1fr)}.sidebar nav{margin-top:28px}.head-actions{width:100%}.head-actions .primary,.head-actions .secondary-button{flex:1;padding:0 10px}.fuel-dashboard{grid-template-columns:1fr 1fr;gap:10px}.fuel-gauge{gap:15px;min-height:205px;padding:16px}.fuel-gauge-ring{border-width:13px;width:132px;height:132px}.fuel-gauge-ring strong{font-size:32px}.fuel-gauge>p{font-size:9px}.fuel-stat{min-height:174px;padding:16px}.fuel-stat>strong{font-size:25px}.fuel-stat>span{font-size:8px}.fuel-history-head{margin-top:28px}.fuel-mobile-add{min-height:38px;padding:0 12px;font-size:10px;display:inline-flex}.fuel-row{grid-template-columns:auto 1fr auto;padding:12px}.fuel-liters{text-align:left;grid-column:2}.fuel-row>.icon-button{grid-area:1/3/3}.expense-hero{min-height:180px;padding:22px 20px}.expense-hero strong{font-size:46px}.expense-hero>svg{width:38px;margin-right:7px}.expense-summaries{grid-template-columns:1fr;gap:8px}.expense-summary{grid-template-columns:1fr auto;align-items:center;padding:12px 14px;display:grid}.expense-summary>span,.expense-summary>small{grid-column:1}.expense-summary>strong{grid-area:1/2/3;margin:0;font-size:21px}.expense-chart-card,.expense-ledger{padding:17px 14px}.chart-head{align-items:flex-start;gap:12px}.chart-legend{flex-direction:column;gap:4px}.expense-chart{gap:3px;height:190px}.month-bar{width:70%;height:152px}.month-column>span{font-size:8px}.ledger-row>b{font-size:13px}.document-grid{grid-template-columns:1fr}.vault-lock{margin:12px auto;padding:27px 20px}.vault-emblem{width:80px;height:80px}.vault-lock h2{font-size:33px}.vault-open-banner{align-items:flex-start}.document-card{min-height:220px}.reminder-button span{display:none}.reminder-button{padding:0 9px}.due-row{flex-wrap:wrap}.mobile-tools-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;background:#0a0c0e7a;align-items:flex-end;animation:.22s ease-out both backdrop-in;display:flex;position:fixed;inset:0}.mobile-tools{width:100%;padding:22px 17px calc(22px + env(safe-area-inset-bottom));animation:sheet-in .42s var(--ease-spring) both;background:#fff;border-radius:22px 22px 0 0}.mobile-tools .modal-head{margin-bottom:13px}.mobile-tools .modal-head h2{margin:2px 0;font-size:30px}.mobile-tools>button:not(.icon-button){border:1px solid var(--line);text-align:left;background:#fff;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;margin-top:8px;padding:12px;display:grid}.mobile-tools>button:not(.icon-button)>span{color:#606970;background:#f0f2f4;border-radius:11px;place-items:center;width:42px;height:42px;display:grid}.mobile-tools>button:not(.icon-button)>span svg{width:19px}.mobile-tools>button:not(.icon-button)>div{flex-direction:column;gap:3px;display:flex}.mobile-tools>button:not(.icon-button) strong{font-size:12px}.mobile-tools>button:not(.icon-button) small{color:var(--muted);font-size:9px}.mobile-tools>button:not(.icon-button)>svg{color:#8b9399;width:17px}.mobile-tools>button.active{background:#fff7f7!important;border-color:#e7afb2!important}.mobile-tools>button.active>span{background:var(--red)!important;color:#fff!important}}.fuel-quick{color:#fff;animation:spend-enter .62s var(--ease-spring) both;background:linear-gradient(125deg,#171a1d,#292d31 68%,#861017 145%);border-radius:19px;padding:27px 30px;position:relative;overflow:hidden}.fuel-quick:after{content:"";border:38px solid #ffffff09;border-radius:50%;width:280px;height:280px;position:absolute;top:-105px;right:-95px}.fuel-quick-title{z-index:1;align-items:center;gap:15px;display:flex;position:relative}.fuel-pump{background:var(--red);border-radius:15px;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 10px 24px #c9151e4d}.fuel-pump svg{width:25px}.fuel-quick-title h2{text-transform:uppercase;margin:4px 0 1px;font:700 29px Barlow Condensed}.fuel-quick-title span{color:#9fa6ac;font-size:10px}.fuel-presets{z-index:1;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:24px;display:grid;position:relative}.fuel-presets button{color:#fff;min-height:78px;transition:transform var(--motion-fast) var(--ease-spring),background var(--motion-fast) ease,border-color var(--motion-fast) ease;background:#ffffff13;border:1px solid #ffffff1f;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.fuel-presets button strong{font:800 28px Barlow Condensed}.fuel-presets button span{color:#aeb4ba;font-size:9px}.fuel-presets button:hover{background:var(--red);border-color:var(--red);transform:translateY(-3px)}.fuel-custom{z-index:1;grid-template-columns:1fr auto;align-items:end;gap:9px;margin-top:10px;display:grid;position:relative}.fuel-custom label{color:#c2c7cb;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.fuel-custom input{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;outline:0;height:46px;padding:0 13px}.fuel-custom input:focus{border-color:#e84048;box-shadow:0 0 0 4px #c9151e2e}.fuel-custom .primary{min-width:105px}.fuel-simple-stats{grid-template-columns:1fr 1fr;gap:11px;margin-top:13px;display:grid}.fuel-simple-stats article{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:1fr auto;align-items:center;padding:16px 18px;display:grid}.fuel-simple-stats span{letter-spacing:1.2px;color:var(--muted);font:700 9px Barlow Condensed}.fuel-simple-stats strong{grid-area:1/2/3;font:700 25px Barlow Condensed}.fuel-simple-stats small{color:#91999f;font-size:9px}.fuel-row.simple{grid-template-columns:auto 1fr auto}.vault-pin{text-align:center;height:58px;letter-spacing:14px!important;padding-left:27px!important;font:800 30px Barlow Condensed!important}.vault-pin::placeholder{letter-spacing:10px;color:#a7aeb3}@media (width<=760px){.fuel-quick{padding:20px 16px}.fuel-quick-title h2{font-size:25px}.fuel-presets{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:18px}.fuel-presets button{min-height:68px}.fuel-presets button strong{font-size:25px}.fuel-custom{grid-template-columns:1fr auto}.fuel-custom .primary{min-width:82px;padding:0 12px}.fuel-simple-stats{grid-template-columns:1fr}.fuel-simple-stats article{padding:13px 15px}.fuel-simple-stats strong{font-size:21px}.fuel-row.simple{grid-template-columns:auto 1fr auto}.vault-pin{letter-spacing:18px!important;padding-left:30px!important;font-size:28px!important}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.expense-chart-shell{grid-template-columns:45px minmax(0,1fr);gap:10px;margin-top:22px;display:grid}.chart-y-axis{text-align:right;color:#899198;letter-spacing:.2px;flex-direction:column;justify-content:space-between;height:240px;padding:10px 0 27px;font:600 9px Barlow Condensed;display:flex}.expense-chart-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c9cfd4 transparent;scroll-behavior:smooth;min-width:0;overflow:auto hidden}.expense-chart-scroll::-webkit-scrollbar{height:5px}.expense-chart-scroll::-webkit-scrollbar-thumb{background:#c9cfd4;border-radius:999px}.expense-chart{background:repeating-linear-gradient(#edf0f2 0 1px,#0000 1px 51px);border-bottom:1px solid #cfd5d9;gap:9px;min-width:720px;height:240px;margin-top:0;padding:10px 5px 0}.month-column{cursor:pointer;min-width:0;height:100%;transition:background-color var(--motion-fast) ease,transform var(--motion-fast) var(--ease-spring),box-shadow var(--motion-base) var(--ease-spring);background:0 0;border:0;border-radius:9px;padding:0 5px;position:relative}.month-column:hover{background:#f7f8f9}.month-column:active{transform:scale(.97)}.month-column.selected{background:linear-gradient(#c9151e06,#c9151e17);box-shadow:inset 0 0 0 1px #c9151e14}.month-column.selected>span{color:var(--red);font-weight:800}.month-column.selected .month-bar{box-shadow:0 0 0 3px #c9151e1a,0 6px 14px #23282c14}.month-column>span{font-size:10px}.month-total{color:#565f66;white-space:nowrap;height:12px;font:700 8px Barlow Condensed}.month-bar{background:#e0e4e785;border-radius:6px 6px 2px 2px;width:min(28px,72%);height:185px}.month-bar i:first-child{border-radius:2px 2px 0 0}.chart-swipe-hint{color:#899198;text-align:center;margin:9px 0 0;font-size:9px;display:none}.chart-detail{background:linear-gradient(135deg,#f7f8f9,#fff);border:1px solid #e2e6e9;border-radius:14px;grid-template-columns:minmax(220px,.8fr) minmax(350px,1.2fr);align-items:center;gap:24px;margin-top:18px;padding:18px 20px;display:grid}.chart-detail-main{flex-direction:column;display:flex}.chart-detail-main>span{color:var(--red);letter-spacing:1.4px;font:700 10px Barlow Condensed}.chart-detail-main>strong{margin:5px 0 2px;font:800 34px Barlow Condensed}.chart-detail-main>small{color:#858d93;font-size:9px}.chart-detail-breakdown{gap:7px;display:grid}.chart-detail-row{grid-template-columns:1fr auto 34px;align-items:center;gap:10px;display:grid}.chart-detail-row>span{color:#5e676e;align-items:center;gap:7px;font-size:10px;display:flex}.chart-detail-row i{border-radius:3px;width:9px;height:9px}.chart-detail-row i.fuel{background:#2775bd}.chart-detail-row i.maintenance{background:#d68a0d}.chart-detail-row i.accessory{background:var(--red)}.chart-detail-row>b{text-align:right;font:700 14px Barlow Condensed}.chart-detail-row>small{color:#8d959b;text-align:right;font:700 9px Barlow Condensed}@media (width<=760px){.expense-chart-shell{grid-template-columns:38px minmax(0,1fr);gap:7px;margin-top:18px}.chart-y-axis{height:229px;padding-top:9px;padding-bottom:27px;font-size:8px}.expense-chart{background:repeating-linear-gradient(#edf0f2 0 1px,#0000 1px 48px);gap:7px;min-width:690px;height:229px;padding-top:9px}.month-column{padding:0 5px}.month-bar{width:28px;height:174px}.month-total{font-size:8px}.chart-swipe-hint{display:block}.chart-detail{grid-template-columns:1fr;gap:15px;margin-top:13px;padding:15px}.chart-detail-main{border-bottom:1px solid #e1e5e8;padding-bottom:14px}.chart-detail-main>strong{font-size:31px}.chart-detail-row{grid-template-columns:1fr auto 31px}.chart-detail-row>b{font-size:13px}}.telegram-auto-card{background:linear-gradient(118deg,#fff 0 63%,#edf8fd 100%);border:1px solid #dce2e6;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:-4px 0 22px;padding:22px 24px;display:grid;position:relative;overflow:hidden;box-shadow:0 9px 30px #19242b0b}.telegram-auto-card:after{content:"";pointer-events:none;border:25px solid #229ed90e;border-radius:50%;width:170px;height:170px;position:absolute;top:-72px;right:-74px}.telegram-auto-card.connected{background:linear-gradient(118deg,#fff 0 60%,#eaf7fc 100%);border-color:#bde0ef}.telegram-signal{color:#fff;background:#229ed9;border-radius:17px;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:0 10px 24px #229ed93d}.telegram-signal:after{content:"";border:1px solid #229ed938;border-radius:21px;animation:2.2s ease-out infinite telegram-pulse;position:absolute;inset:-6px}.telegram-signal svg{width:26px}.telegram-copy{min-width:0}.telegram-copy h2{text-transform:uppercase;margin:4px 0 6px;font:800 27px/1 Barlow Condensed}.telegram-copy>p:not(.eyebrow){color:#667078;margin:0;font-size:10px;line-height:1.55}.telegram-copy>p strong{color:#242a2e}.telegram-triggers{flex-wrap:wrap;gap:5px;margin-top:11px;display:flex}.telegram-triggers span{color:#566068;letter-spacing:.4px;background:#edf1f3;border-radius:999px;padding:5px 8px;font:700 9px Barlow Condensed}.telegram-auto-card.connected .telegram-triggers span{color:#12648b;background:#dff2fa}.telegram-control{z-index:1;flex-direction:column;align-items:flex-end;gap:9px;display:flex;position:relative}.telegram-control>span{letter-spacing:1px;color:#899198;align-items:center;gap:6px;font:700 8px Barlow Condensed;display:flex}.telegram-control>span i{background:#a9b0b5;border-radius:50%;width:7px;height:7px}.telegram-control>span.online{color:#137a55}.telegram-control>span.online i{background:#20a873;box-shadow:0 0 0 4px #20a8731f}.telegram-control button{min-width:132px}.telegram-control button svg{width:17px}.reminder-options{border:1px solid var(--line);color:#747c83;width:38px;height:38px;transition:transform var(--motion-fast) var(--ease-spring),background var(--motion-fast) ease,color var(--motion-fast) ease;background:#fff;border-radius:9px;place-items:center;margin-left:auto;display:grid}.reminder-options:hover{color:#222;background:#edf1f3}.reminder-options+.complete-button{margin-left:0}.telegram-steps{gap:8px;display:grid}.telegram-steps>span{background:#f3f5f6;border-radius:10px;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:10px 11px;display:grid}.telegram-steps>span>b{color:#fff;background:#229ed9;border-radius:9px;place-items:center;width:28px;height:28px;font:800 14px Barlow Condensed;display:grid}.telegram-steps p{color:#606a71;margin:0;font-size:10px;line-height:1.55}.telegram-steps a{color:#1176a5;font-weight:700;text-decoration:none}.telegram-steps a svg{vertical-align:-1px;width:11px;height:11px}.telegram-manage{flex-direction:column;gap:14px;display:flex}.telegram-connected-mark{color:#176f99;background:#ecf8fd;border:1px solid #c8e8f5;border-radius:13px;align-items:center;gap:13px;padding:15px;display:flex}.telegram-connected-mark>svg{width:30px;height:30px}.telegram-connected-mark>span{flex-direction:column;gap:2px;display:flex}.telegram-connected-mark small{letter-spacing:1.2px;font:700 8px Barlow Condensed}.telegram-connected-mark strong{color:#172127;font-size:13px}.telegram-connected-mark em{color:#43819e;font-size:9px;font-style:normal}.auto-rule-list{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.auto-rule-list>div{background:#f1f3f5;border-radius:11px;flex-direction:column;justify-content:center;min-height:78px;padding:12px;display:flex}.auto-rule-list b{font:800 20px Barlow Condensed}.auto-rule-list span{color:#747d83;margin-top:3px;font-size:8px;line-height:1.4}.danger-text{color:#a71820;background:0 0;border:0;min-height:38px;font-size:10px;font-weight:700}.auto-reminder-note{color:#176f99;background:#eaf7fc;border-radius:11px;align-items:center;gap:10px;padding:12px 13px;display:flex}.auto-reminder-note>svg{width:20px}.auto-reminder-note>span{flex-direction:column;gap:2px;display:flex}.auto-reminder-note strong{font-size:10px}.auto-reminder-note small{color:#4c829b;font-size:8px}@keyframes telegram-pulse{0%{opacity:.75;transform:scale(.92)}70%,to{opacity:0;transform:scale(1.18)}}@media (width<=760px){.telegram-auto-card{grid-template-columns:auto 1fr;gap:13px;margin:0 0 17px;padding:17px 15px}.telegram-signal{border-radius:14px;width:48px;height:48px}.telegram-signal svg{width:22px}.telegram-copy h2{font-size:23px}.telegram-copy>p:not(.eyebrow){font-size:9px}.telegram-triggers{grid-column:1/-1}.telegram-control{border-top:1px solid #dce9ee;grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;width:100%;padding-top:12px;display:grid}.telegram-control>span{justify-self:start}.telegram-control button{min-width:130px}.maintenance-view .filter-row{align-items:center;gap:9px}.maintenance-view .filter-row>span{text-align:right;font-size:9px}.reminder-options{margin-left:auto}.auto-rule-list{grid-template-columns:1fr}.auto-rule-list>div{grid-template-columns:74px 1fr;align-items:center;min-height:58px;display:grid}.auto-rule-list span{margin:0}}