:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#18334c;background:#f3f7fb;font-size:16px;font-synthesis:none;--blue:#1963e7;--blue-dark:#134fb8;--ink:#18334c;--muted:#657b8e;--border:#e5edf4;--radius:22px;--shadow:0 8px 32px rgba(31,63,101,.035)}
*{box-sizing:border-box}body{margin:0;line-height:1.6}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #78adff;outline-offset:4px}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}button .icon{pointer-events:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4}h1{font-size:30px;letter-spacing:-.8px}h2{font-size:23px;letter-spacing:-.5px}h3{font-size:16px}small{font-size:14px}button{border:0;background:none}main:focus{outline:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:20;background:#fff;padding:12px}.skip-link:focus{top:12px}
.site-header{height:86px;border-bottom:1px solid #e7edf4;background:#fff}.header-inner{max-width:1184px;height:100%;padding:0 32px;margin:0 auto;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:750;letter-spacing:1px}.brand-mark{width:40px;height:40px;padding:5px;border-radius:12px;background:var(--blue);color:#fff;box-shadow:0 4px 10px #1963e725}.brand-mark svg{width:100%;height:100%}.brand-caption{display:block;font-size:11px;letter-spacing:2px;color:#7a8c9f;font-weight:500;line-height:1.2;margin-top:1px}.desktop-nav{display:flex;align-items:center;gap:34px;margin-left:auto;height:100%;font-size:15px;font-weight:600}.desktop-nav a{height:100%;display:flex;align-items:center;position:relative;color:var(--muted)}.desktop-nav a.active{color:var(--blue)}.desktop-nav a.active:after{content:"";position:absolute;height:3px;background:var(--blue);left:20%;right:20%;bottom:0;border-radius:4px}.demo-tag{font-size:12px;padding:4px 10px;border:1px solid #dbe6ef;border-radius:6px;color:#74889b;white-space:nowrap;margin-left:10px}
main{max-width:1184px;padding:34px 32px 30px;margin:0 auto;min-height:calc(100vh - 86px)}.driver-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:24px}.driver-greeting{display:flex;align-items:center;gap:17px}.avatar{width:72px;height:72px;border-radius:50%;background:#dbeafd;display:grid;place-items:center;color:var(--blue);font-size:27px;font-weight:600;border:4px solid #fff;box-shadow:0 2px 12px #254f7510;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.eyebrow{font-size:13px;color:var(--muted);margin-bottom:3px;letter-spacing:1px}.greeting-dot{color:var(--blue)}.vehicle-chip{display:flex;align-items:center;gap:13px;padding:12px 16px;background:#fff;border:1px solid var(--border);border-radius:14px;min-width:268px}.vehicle-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#f1f6fd;color:#4c80ba}.vehicle-icon .icon{width:25px;height:25px}.vehicle-chip strong{font-size:20px;letter-spacing:1px;display:block;line-height:1.4}.vehicle-chip div>span{font-size:12px;color:var(--muted);display:flex;gap:7px;align-items:center}.vehicle-chip i{width:2px;height:2px;border-radius:50%;background:#b2c1ce}.vehicle-label{font-size:11px;color:#8295a6;writing-mode:vertical-rl;border-left:1px solid #eef2f6;margin-left:auto;padding-left:13px;letter-spacing:3px}
.trip-card{border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow);margin-bottom:26px}.trip-visual{height:222px;background:#2d7ca0;position:relative;padding:22px 28px;isolation:isolate;overflow:hidden}.trip-visual:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,57,81,.88),rgba(15,66,92,.54) 43%,rgba(13,62,85,.03) 78%)}.trip-top{display:flex;align-items:center;gap:14px;color:#fff}.trip-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.5px}.trip-label .icon{width:18px;height:18px}.trip-status{display:flex;align-items:center;gap:5px;border:1px solid #ffffff38;background:#ffffff1c;padding:2px 9px;border-radius:5px;font-size:11px}.trip-status>span{width:5px;height:5px;border-radius:50%;background:#a9f0d8}.trip-caption{position:absolute;bottom:24px;color:white}.trip-caption>p{font-size:12px;letter-spacing:2px;color:#d5e9f2;margin-bottom:6px}.trip-caption h2{font-size:31px;letter-spacing:1px;font-weight:700;margin-bottom:8px}.trip-route{font-size:13px;color:#e2eef5;letter-spacing:.5px}.trip-day{position:absolute;right:24px;top:24px;color:#fff;font-size:10px;border:1px solid #ffffff4f;border-radius:7px;padding:3px 10px;background:#173f543f;display:flex;gap:6px;align-items:center}.trip-day strong{font-size:18px}.trip-day>span{opacity:.75}.trip-meta{display:flex;align-items:center;gap:34px;padding:15px 28px;color:#4c657d}.trip-meta>span{display:flex;gap:9px;align-items:center;font-size:13px}.trip-meta .icon{width:17px;height:17px;color:#7b98b4}.trip-meta>span+span{border-left:1px solid #e5edf4;padding-left:34px}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:start}.panel{background:white;border:1px solid #e7edf3;border-radius:var(--radius);box-shadow:var(--shadow);padding:26px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-kicker{display:block;font-size:12px;color:#8a9bab;margin-bottom:5px;letter-spacing:.6px}.heading-icon{width:44px;height:44px;background:#eef5ff;display:grid;place-items:center;border-radius:12px;color:#6492d7}.heading-icon.teal{background:#eaf7f4;color:#4d9e92}.heading-icon .icon{width:25px;height:25px}.expense-summary{display:flex;align-items:end;justify-content:space-between;margin:20px 0 19px}.expense-summary>div>span{font-size:13px;color:var(--muted);display:block}.expense-summary strong{font-family:"Avenir Next",-apple-system,sans-serif;display:block;font-size:40px;letter-spacing:-1.5px;line-height:1.2;margin-top:7px;font-weight:650;color:#173951}.expense-summary strong small{font-size:23px;font-weight:500;margin-right:5px;letter-spacing:0}.expense-summary strong .yuan{font-size:13px;color:var(--muted);margin-left:7px}.count-pill{font-size:12px;color:#647e98;border-radius:5px;padding:3px 8px;background:#f2f6fa;margin-bottom:4px}.expense-cta{width:100%;display:flex;align-items:center;padding:18px 20px;border-radius:14px;background:var(--blue);color:#fff;text-align:left;gap:15px;box-shadow:0 5px 12px #1963e71a;transition:background .18s,transform .18s}.expense-cta:hover,.primary:hover{background:var(--blue-dark)}.expense-cta:active,.urea-button:active{transform:scale(.99)}.cta-plus{width:42px;height:42px;border:1px solid #ffffff3d;border-radius:11px;display:grid;place-items:center;background:#ffffff10}.cta-plus .icon{width:26px;height:26px}.expense-cta strong{font-size:22px;font-weight:600;display:block;line-height:1.35;letter-spacing:.5px}.expense-cta small{font-size:12px;color:#d2e3ff;display:block;margin-top:5px;letter-spacing:.5px}.cta-arrow{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;color:#d7e6ff}.recent-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 5px}.recent-heading h3{font-size:14px}.recent-heading a{display:flex;align-items:center;gap:3px;font-size:12px;color:#768b9e;min-height:36px}.recent-heading .icon{width:14px;height:14px}.expense-row{width:100%;display:flex;align-items:center;text-align:left;padding:15px 0;gap:12px;border-bottom:1px solid #f0f4f7;transition:background .15s}.expense-row:last-child{border-bottom:0}.expense-row:hover{background:#f8fbff}.category-icon{width:41px;height:41px;display:grid;place-items:center;border-radius:12px;flex-shrink:0;background:#edf3fc;color:#5888d1}.category-icon.fuel{background:#fff3e7;color:#d99241}.category-icon.road{background:#eaf7f4;color:#3e9d8c}.category-icon.parking{background:#edf4ff;color:#578cd8}.category-icon.bed{background:#f2effa;color:#9273c0}.category-icon.wash{background:#e8f6fc;color:#5299bf}.row-description{min-width:0;flex:1}.row-description strong{font-size:14px;font-weight:600;display:block}.row-description>span{font-size:11px;color:#91a0ad;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.row-amount{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.row-amount>strong{font-family:"Avenir Next",-apple-system,sans-serif;font-size:18px;line-height:1.2;font-weight:600;color:#254159}.status-badge{font-size:10px;line-height:1.6;padding:0 6px;border-radius:4px;display:inline-block;white-space:nowrap}.status-badge.pending{color:#b48539;background:#fcf4e6}.status-badge.approved{color:#3c9684;background:#eaf7f2}
.panel-description{font-size:13px;color:#8a9aaa;margin-top:13px}.urea-stats{display:flex;align-items:center;gap:25px;margin:25px 0;padding:19px 4px 20px;background:#f7fafc;border-radius:12px}.urea-stats>div{flex:1;text-align:center}.urea-stats span:not(.stat-divider){font-size:12px;color:#7d91a3;display:block}.urea-stats strong{font-family:"Avenir Next",-apple-system,sans-serif;font-size:34px;display:block;margin-top:3px;line-height:1.3;font-weight:600;letter-spacing:-1px}.urea-stats small{font-size:12px;color:#8394a2;font-weight:400;margin-left:6px}.stat-divider{height:34px;width:1px;background:#dfe8ef}.urea-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.urea-button{padding:19px 8px 18px;display:flex;flex-direction:column;align-items:center;border-radius:13px;transition:background .15s,transform .15s;border:1px solid #dce9fb;background:#eff6ff;color:#2367c0}.urea-button .icon{width:28px;height:28px;margin-bottom:10px}.urea-button strong{font-size:19px;font-weight:600}.urea-button small{font-size:11px;margin-top:5px;opacity:.7}.urea-button.return{background:#fff;border:1px solid #dce8e7;color:#427f78}.urea-button.take:hover{background:#e0eeff}.urea-button.return:hover{background:#f2fbf8}.urea-history-link{width:100%;min-height:49px;display:flex;align-items:center;justify-content:center;gap:5px;color:#7b8e9f;font-size:12px;margin-top:9px}.urea-history-link .icon{width:14px;height:14px}.urea-note{display:flex;align-items:flex-start;gap:7px;border-top:1px dashed #e4ebf1;padding-top:17px;color:#9babb9;font-size:11px}.urea-note .icon{width:15px;height:15px;margin-top:2px}.local-note{display:flex;justify-content:center;align-items:center;gap:6px;color:#99a9b7;font-size:11px;margin:22px 0 0;text-align:center;line-height:1.7}.local-note .icon{width:14px;height:14px}.mobile-nav{display:none}
.page-heading{margin:0 auto 25px}.page-heading h1{margin-top:16px;font-size:30px}.page-heading>p{color:var(--muted);font-size:14px;margin-top:8px}.back-link{display:inline-flex;align-items:center;gap:2px;min-height:38px;font-size:14px;color:#6e879e;margin-left:-8px}.narrow,.form-panel{max-width:650px;margin-left:auto;margin-right:auto}.form-panel{padding:28px 32px}.linked-trip{display:flex;align-items:center;gap:9px;background:#eff6ff;border-radius:10px;padding:12px 14px;color:#5d7f9f;font-size:12px;margin-bottom:30px}.linked-trip>.icon{color:#4988da;width:20px;height:20px}.linked-trip strong{display:block;color:#376695;font-size:14px;margin-top:2px;font-weight:550}.auto-label{margin-left:auto;color:#7d9ec3;font-size:11px;white-space:nowrap}.form-section{border:0;padding:0;margin:0 0 30px;min-inline-size:0}.form-section legend,.section-legend{display:flex;align-items:center;font-size:17px;font-weight:600;gap:9px;margin-bottom:16px;padding:0}.step-number{width:22px;height:22px;background:#eaf2ff;color:#5683c4;font-size:12px;display:inline-grid;place-items:center;border-radius:6px;font-weight:650}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.category-option{border:1px solid #e0e8f0;border-radius:11px;padding:18px 10px;display:flex;align-items:center;justify-content:center;gap:8px;color:#58748b;font-size:16px;position:relative;min-height:63px}.category-option>.icon{color:#92a9bb}.category-option.selected{color:var(--blue);border-color:var(--blue);background:#f2f7ff;box-shadow:inset 0 0 0 .5px var(--blue)}.category-option.selected>.icon{color:var(--blue)}.selected-check{display:none;width:12px;height:12px;position:absolute;right:4px;bottom:3px}.selected .selected-check{display:block}.amount-field{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1px solid #e0e8ef;background:#f9fbfd;border-radius:11px}.amount-field>span{font-size:26px;color:#4e6d86}.amount-field input{background:none;border:0;outline:0;min-width:0;flex:1;font-family:"Avenir Next",-apple-system,sans-serif;font-size:36px;font-weight:600;line-height:1.4;color:#233e54;width:100%;padding:0}.amount-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1963e712}.amount-field input:focus-visible{outline:none}.amount-field input::placeholder{color:#bdcbd7;font-weight:400}.amount-field .amount-unit{font-size:14px;color:#8ba0b3}.field-error{color:#c34d45;font-size:13px;line-height:1.5}.field-error:not(:empty){margin-top:9px}.optional-label{font-size:12px;color:#98a8b6;font-weight:400;margin-left:auto}.upload-box{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px 16px;border:1.5px dashed #b9d0ed;background:#f8fbff;border-radius:12px;cursor:pointer;color:#6994c4;min-height:145px}.upload-box>.icon{width:32px;height:32px;margin-bottom:10px}.upload-box strong{font-size:16px;font-weight:500}.upload-box>span{font-size:12px;color:#a0b1c4;margin-top:4px}.upload-box:hover{background:#eff6ff}.checkbox-line{display:flex;align-items:center;gap:8px;color:#8192a1;font-size:13px;margin-top:12px;min-height:34px;cursor:pointer}.checkbox-line input{accent-color:var(--blue);width:17px;height:17px}.extra-fields{border-top:1px solid var(--border);padding-top:23px}.extra-fields>label{display:block;font-size:14px;font-weight:500;margin-bottom:20px}.extra-fields>label>span{color:#91a1b0;font-weight:400}.extra-fields input,.extra-fields textarea{display:block;width:100%;border:1px solid #dfe8ef;border-radius:9px;padding:12px 14px;color:var(--ink);background:#fff;margin-top:8px;min-height:48px;resize:vertical}.extra-fields textarea::placeholder{color:#a7b5c2}.extra-fields>label:last-child{margin-bottom:0}.primary,.secondary{min-height:52px;border-radius:11px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:600;transition:background .18s;padding:13px 20px}.primary{background:var(--blue);color:#fff}.secondary{background:white;border:1px solid #d6e2ee;color:#607a91;margin-top:12px;font-weight:500}.secondary:hover{background:#f5f9fd}.full{width:100%}.compact{min-height:43px;font-size:14px;padding:9px 17px}.compact .icon{width:17px;height:17px}.form-actions>p{font-size:12px;color:#91a1b0;text-align:center;margin-top:14px}.photos{display:flex;flex-wrap:wrap;gap:10px}.photos:not(:empty){margin-bottom:13px}.photo-thumb{position:relative;width:92px;height:100px}.photo-thumb img{width:100%;height:100%;object-fit:cover;border-radius:9px;border:1px solid #d6e2ee}.photo-thumb button{position:absolute;right:-5px;top:-5px;width:26px;height:26px;background:#345069;border:2px solid white;color:white;border-radius:50%;display:grid;place-items:center;padding:3px}.photo-thumb button .icon{width:14px;height:14px}
.record-overview{display:flex;align-items:center;justify-content:space-between;padding:9px 0 28px}.record-overview>div>span{font-size:14px;color:var(--muted)}.record-overview>div>strong{display:block;font-family:"Avenir Next",-apple-system,sans-serif;font-size:45px;line-height:1.3;margin-top:8px;font-weight:600;letter-spacing:-1px}.record-overview strong small{font-size:24px;margin-right:5px}.overview-detail{display:flex;gap:35px}.overview-detail>span{display:flex;flex-direction:column;gap:8px}.overview-detail b{color:var(--ink);font-size:20px;font-weight:550}.records-toolbar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0;gap:12px}.filter-tabs{display:flex;gap:6px;padding:4px;border-radius:10px;background:#f3f7fa}.filter-tabs button{padding:7px 16px;border-radius:7px;min-height:37px;font-size:14px;color:#7890a4}.filter-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 2px 6px #3152710a;color:#2869c3;font-weight:600}.all-records .expense-row{padding:21px 0}.all-records .row-description strong{font-size:16px}.all-records .row-description>span{font-size:13px}.all-records .row-amount>strong{font-size:22px}.all-records .status-badge{font-size:11px}.all-records .category-icon{width:48px;height:48px}.empty-state{text-align:center;color:#97a9b9;padding:50px 15px}.empty-state>.icon{width:38px;height:38px;margin-bottom:15px}.empty-state h3{font-size:18px;color:#6d879c}.empty-state p{font-size:14px;margin-top:8px}.empty-copy{padding:22px 0;color:var(--muted);font-size:14px}
.confirm-amount{text-align:center;padding:15px 0 25px;display:flex;align-items:center;flex-direction:column;gap:9px}.confirm-amount>span{color:#70889d;font-size:16px}.confirm-amount>strong{font-family:"Avenir Next",-apple-system,sans-serif;font-size:44px;font-weight:600;line-height:1.3;letter-spacing:-1px}.confirm-amount>.status-badge{font-size:12px;color:#b48539}.detail-list{margin:0 0 18px}.detail-list>div{display:flex;justify-content:space-between;gap:22px;padding:13px 0;border-bottom:1px solid #edf2f7;font-size:14px}.detail-list dt{color:#8b9dac;flex-shrink:0}.detail-list dd{margin:0;text-align:right;overflow-wrap:anywhere}.receipt-preview{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin:18px 0}.receipt-preview img{display:block;width:100%;max-height:400px;object-fit:contain;background:#f2f5f8;border-radius:8px}.receipt-preview:empty{display:none}.form-panel>.local-note{margin:22px 0 13px}.success-panel{max-width:530px;margin:45px auto 0;padding:45px 42px 24px;text-align:center}.success-icon{width:82px;height:82px;border-radius:50%;margin:0 auto 22px;background:#e8f8f1;color:#24a77c;border:9px solid #f4fcf8}.success-icon .icon{width:42px;height:42px;margin-top:12px;stroke-width:2.6}.success-eyebrow{font-size:13px;color:#8aaa9e;letter-spacing:1px}.success-panel h1{margin-top:6px;font-size:30px}.success-panel>p{font-size:14px;color:#91a1b0;margin-top:9px}.success-record{display:flex;align-items:center;justify-content:space-between;background:#f5f9fc;border-radius:12px;padding:17px 20px;margin-top:30px;font-size:16px}.success-record strong{font-size:27px;font-family:"Avenir Next",-apple-system,sans-serif;font-weight:600}.success-panel .success-trip{font-size:12px;margin:12px 0 28px}.text-link{display:block;color:#8194a6;font-size:14px;padding:18px 0 0}.success-panel .local-note{font-size:11px;margin-top:26px}
dialog{border:1px solid #e3eaf1;border-radius:23px;padding:30px;width:min(480px,calc(100% - 32px));max-height:85dvh;color:var(--ink);box-shadow:0 25px 90px #142f5440;overscroll-behavior:contain}dialog::backdrop{background:#17314e65;backdrop-filter:blur(4px)}body:has(dialog[open]){overflow:hidden}.sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px}.sheet-heading h2{font-size:24px}.icon-button{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f1f5f8;color:#8398aa;flex-shrink:0}.icon-button .icon{width:19px;height:19px}.sheet-description{font-size:16px;color:#738b9e;margin-bottom:25px}.quantity-label{font-size:14px;display:block;color:#8298a9}.quantity-stepper{display:flex;gap:16px;align-items:center;margin-top:13px}.quantity-stepper>button{width:56px;height:56px;display:grid;place-items:center;background:#eff5fc;border:1px solid #dbe7f4;border-radius:12px;color:#5188cf;flex-shrink:0}.quantity-stepper>div{flex:1;display:flex;gap:8px;align-items:baseline;justify-content:center;min-width:0}.quantity-stepper input{width:100%;min-width:0;max-width:115px;text-align:center;border:0;background:#fff;color:#264059;border-bottom:2px solid #e0eaf3;border-radius:0;font-size:42px;font-weight:600;line-height:1.4;padding:5px}.quantity-stepper>div>span{font-size:14px;color:#8c9ead}.quantity-help{font-size:12px;text-align:center;color:#95a8b7;margin-top:14px}.quantity-help+.field-error{margin:10px 0 20px}.urea-history-row{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid var(--border)}.urea-history-row>div{flex:1;min-width:0}.urea-history-row strong{font-size:16px;font-weight:550;display:block}.urea-history-row>div>span{font-size:12px;color:#8ca0b2;display:block;margin-top:3px}.urea-history-row>b{font-size:20px;font-weight:600}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#18364eea;box-shadow:0 8px 28px #1f3b5225;color:#fff;padding:13px 20px;border-radius:11px;font-size:14px;z-index:50;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 32px);width:max-content;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1400px){main{padding-top:43px}.trip-visual{height:240px}.driver-head{margin-bottom:31px}}
@media(max-width:900px) and (min-width:641px){main{padding:28px 24px}.header-inner{padding:0 24px}.workspace-grid{gap:18px;grid-template-columns:1.15fr 1fr}.panel{padding:21px}.panel-heading h2{font-size:21px}.heading-icon{width:37px;height:37px}.panel-description{font-size:12px}.urea-button strong{font-size:17px}.urea-stats{margin-top:29px}.expense-cta{padding:17px 14px;gap:11px}.expense-cta strong{font-size:21px}.trip-meta{gap:20px}.trip-meta>span+span{padding-left:20px}.driver-head h1{font-size:27px}.vehicle-chip{min-width:230px}}
@media(max-width:640px){:root{--radius:18px}.site-header{height:70px}.header-inner{padding:0 20px;gap:12px}.brand{font-size:18px;gap:10px;letter-spacing:.5px}.brand-mark{width:35px;height:35px;border-radius:10px}.brand-caption{font-size:10px;letter-spacing:2px;margin-top:2px}.desktop-nav{display:none}.demo-tag{margin-left:auto;font-size:10px;padding:3px 7px}.mobile-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:5;height:calc(67px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#ffffffee;border-top:1px solid #e8eef5;backdrop-filter:blur(16px);justify-content:space-evenly}.mobile-nav a{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;min-width:44%;color:#8c9fb0}.mobile-nav svg{width:22px;height:22px}.mobile-nav a.active{color:var(--blue);font-weight:600}.mobile-nav a.active svg{fill:#1963e70c}main{padding:24px 18px 99px;min-height:calc(100vh - 70px)}h1{font-size:25px}.driver-head{display:block;margin-bottom:20px}.driver-greeting{gap:13px}.avatar{width:61px;height:61px;border-width:3px;font-size:25px}.eyebrow{font-size:11px;margin-bottom:4px;letter-spacing:.5px}.vehicle-chip{margin-top:18px;padding:10px 13px;gap:10px;min-width:0;border-radius:12px}.vehicle-icon{width:34px;height:34px;border-radius:9px}.vehicle-icon .icon{width:23px;height:23px}.vehicle-chip>div{display:flex;align-items:center;gap:14px;flex:1}.vehicle-chip strong{font-size:18px}.vehicle-chip div>span{font-size:11px}.vehicle-label{writing-mode:horizontal-tb;letter-spacing:0;font-size:10px;padding:0;border:0}.trip-card{margin-bottom:20px}.trip-visual{height:210px;padding:18px 19px}.trip-visual:before{background:linear-gradient(90deg,#0d3951c7,#0f425c63 65%,#0d3e5510)}.trip-label{font-size:13px;gap:7px}.trip-status{font-size:10px;padding:1px 7px}.trip-top{gap:10px}.trip-caption{bottom:23px;left:19px;right:15px}.trip-caption>p{font-size:10px;letter-spacing:1.2px;margin-bottom:7px}.trip-caption h2{font-size:25px;letter-spacing:0;margin-bottom:8px}.trip-route{font-size:11px;letter-spacing:0;color:#dfebf2}.trip-day{top:18px;right:16px;font-size:8px;padding:1px 5px;gap:3px}.trip-day strong{font-size:14px}.trip-meta{padding:12px 17px;gap:11px;flex-wrap:wrap}.trip-meta>span{font-size:11px;gap:5px}.trip-meta .icon{width:14px;height:14px}.trip-meta>span+span{padding-left:11px}.trip-meta>span:last-child{border:0;padding-left:0}.workspace-grid{grid-template-columns:1fr;gap:18px}.panel{padding:21px}.panel-heading h2{font-size:22px}.section-kicker{font-size:11px;margin-bottom:4px}.heading-icon{width:41px;height:41px;border-radius:11px}.expense-summary{margin:17px 0 18px}.expense-summary strong{font-size:38px;margin-top:6px}.expense-summary>div>span{font-size:12px}.expense-cta{padding:17px 18px;border-radius:12px;gap:13px}.expense-cta strong{font-size:23px}.expense-cta small{font-size:12px;margin-top:5px}.cta-plus{width:39px;height:39px}.recent-heading{margin-top:20px}.recent-heading h3{font-size:14px}.recent-heading a{font-size:12px}.expense-row{padding:14px 0}.row-description strong{font-size:15px}.row-description>span{font-size:11px;max-width:190px}.row-amount>strong{font-size:19px}.status-badge{font-size:11px}.urea-stats{margin:20px 0}.panel-description{font-size:12px}.urea-button{padding:18px 8px}.urea-button strong{font-size:21px}.urea-button small{font-size:12px}.urea-note{font-size:12px}.urea-history-link{font-size:13px}.local-note{font-size:10px;margin-top:21px}.page-heading h1{font-size:26px;margin-top:12px}.page-heading>p{font-size:13px}.page-heading>p>span{display:block;margin-top:4px}.form-panel{padding:22px 19px}.form-section{margin-bottom:28px}.form-section legend,.section-legend{font-size:17px;gap:8px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-option{font-size:17px;min-height:61px;padding:16px 10px}.category-option>.icon{width:23px;height:23px}.optional-label{font-size:10px}.linked-trip{padding:10px 11px;gap:8px;margin-bottom:26px}.linked-trip strong{font-size:13px}.auto-label{font-size:10px}.amount-field{padding:13px 15px}.amount-field input{font-size:36px}.upload-box{min-height:140px}.extra-fields input,.extra-fields textarea{font-size:16px}.primary,.secondary{min-height:55px;font-size:18px}.primary.compact{min-height:41px;font-size:13px;padding:9px 12px}.form-actions>p{font-size:11px}.record-overview{align-items:flex-start;gap:20px;padding:5px 0 24px}.record-overview>div>strong{font-size:36px;margin-top:7px}.record-overview>div>span{font-size:12px}.overview-detail{gap:10px;flex-direction:column}.overview-detail>span{font-size:11px;flex-direction:row;gap:8px;align-items:center}.overview-detail b{font-size:14px}.records-toolbar{padding:16px 0;gap:8px}.filter-tabs{gap:1px;padding:3px}.filter-tabs button{padding:6px 10px;font-size:12px;min-height:34px}.all-records .expense-row{padding:18px 0;gap:10px}.all-records .category-icon{width:41px;height:41px}.all-records .row-description strong{font-size:15px}.all-records .row-description>span{font-size:11px;max-width:170px}.all-records .row-amount>strong{font-size:20px}.success-panel{padding:35px 25px 22px;margin:16px auto 0}.success-panel h1{font-size:28px}.success-panel .success-trip{margin-bottom:24px}.success-panel>.local-note{font-size:10px}.success-record{padding:16px}.detail-list>div{font-size:14px;gap:12px}.receipt-preview{grid-template-columns:1fr}.toast{bottom:85px;font-size:13px}dialog{padding:25px 23px;border-radius:23px 23px 0 0;width:100%;max-width:100%;max-height:90dvh;margin:auto 0 0;border-bottom:0;padding-bottom:max(25px,env(safe-area-inset-bottom))}.sheet-heading{margin-bottom:24px}.sheet-heading h2{font-size:24px}.sheet-description{font-size:16px}.quantity-stepper{gap:18px}.quantity-stepper>button{width:57px;height:57px}.urea-history-row>div>span{font-size:11px}.urea-history-row>b{font-size:20px}}
@media(max-width:374px){main{padding-left:13px;padding-right:13px}.header-inner{padding:0 16px}.vehicle-label{display:none}.trip-caption h2{font-size:23px}.trip-meta>span{font-size:10px}.trip-meta{gap:9px}.trip-meta>span+span{padding-left:9px}.row-description>span{max-width:155px}.panel{padding:18px}.optional-label{font-size:9px}.filter-tabs button{padding:6px 8px}.records-toolbar .compact{padding:8px}.all-records .row-description>span{max-width:140px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* The trip image is an illustration made for this local demo. */
.trip-visual{background-image:url('/assets/qinggan-journey.png');background-size:cover;background-position:center 56%}
.workspace-grid{row-gap:20px}
.panel{min-width:0}
.urea-panel{grid-column:2;grid-row:1 / span 2}
.recent-panel{grid-column:1;padding-top:17px;padding-bottom:15px}
.recent-panel .recent-heading{margin:0 0 3px}
.recent-heading h3{font-size:16px}
.recent-heading a,.urea-history-link{font-size:14px}
.upload-box{width:100%}
.extra-fields summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:14px;color:#667e94;list-style:none;min-height:34px}
.extra-fields summary::-webkit-details-marker{display:none}
.extra-fields summary>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#8b9dac}
.extra-fields summary .icon{width:15px;height:15px;transform:rotate(90deg);transition:transform .15s}
.extra-fields[open] summary .icon{transform:rotate(-90deg)}
.extra-fields[open] summary{margin-bottom:17px}
.eyebrow,.section-kicker,.trip-caption>p,.trip-route,.count-pill,.brand-caption,.demo-tag,.trip-status,.vehicle-label,.vehicle-chip div>span,.urea-button small,.urea-note,.local-note,.row-description>span,.status-badge,.panel-description,.urea-stats span:not(.stat-divider),.expense-cta small{font-size:12px}
.expense-summary>div>span,.panel-description,.row-description strong,.urea-stats span:not(.stat-divider){font-size:14px}
.row-description strong{font-size:16px}
.trip-meta>span{font-size:14px}
.trip-meta .icon{width:18px;height:18px}
.panel-description,.urea-history-link{color:#73899b}
.urea-note{color:#8397a8}
.local-note{color:#8395a5}
.row-description>span{color:#8496a6}
.status-badge.pending{color:#936b25;background:#fff3de}
.status-badge.approved{color:#257c69;background:#e8f7f0}
@media(max-width:640px){
  main{padding-top:21px}
  .brand-caption{font-size:10px}
  .demo-tag{font-size:11px}
  .driver-head{margin-bottom:18px}
  .vehicle-chip{margin-top:14px;padding-top:9px;padding-bottom:9px}
  .vehicle-chip div>span{font-size:12px}
  .vehicle-label{font-size:11px}
  .trip-visual{height:175px;background-position:right center}
  .trip-caption{bottom:19px}
  .trip-caption>p{font-size:11px}
  .trip-route{font-size:12px}
  .trip-meta{gap:9px 14px;padding:12px 17px}
  .trip-meta>span{font-size:12px}
  .trip-meta>span+span{padding-left:13px}
  .trip-meta>span:last-child{padding-left:0}
  .trip-meta .icon{width:15px;height:15px}
  .section-kicker{font-size:12px}
  .workspace-grid{gap:18px;grid-template-columns:minmax(0,1fr)}
  .urea-panel,.recent-panel{grid-column:auto;grid-row:auto}
  .recent-panel{padding-top:17px}
  .expense-summary{margin:14px 0 16px}
  .expense-summary strong{font-size:36px}
  .urea-stats{padding:13px 4px;margin:19px 0}
  .urea-stats strong{font-size:30px}
  .urea-stats span:not(.stat-divider){font-size:13px}
  .urea-button{padding:16px 8px}
  .urea-button .icon{margin-bottom:6px}
  .urea-note{padding-top:13px}
  .row-description>span{font-size:12px;max-width:185px}
  .status-badge{font-size:12px}
  .local-note{font-size:12px}
  .optional-label{font-size:11px}
  .all-records .row-description>span{font-size:12px}
  .all-records .status-badge{font-size:12px}
  .success-panel .local-note{font-size:12px}
  .success-panel .success-trip{font-size:13px}
  .quantity-help,.checkbox-line,.form-actions>p{font-size:13px}
}
@media(max-width:374px){
  .panel-heading h2{font-size:20px}
  .expense-cta .cta-arrow{display:none}
  .trip-caption h2{font-size:22px}
  .trip-meta>span{font-size:12px}
  .trip-meta>span+span{padding-left:0;border-left:0}
  .row-description>span{max-width:145px}
  .optional-label{font-size:11px}
  .filter-tabs button{font-size:12px}
}

/* Photo-first ledger, local upload state, documents, and trip materials. */
.profile-trigger{text-align:left;padding:0;border-radius:14px}.profile-trigger .eyebrow{display:flex;align-items:center;gap:3px}.profile-trigger .eyebrow .icon{width:13px;height:13px}.profile-trigger:hover .avatar{box-shadow:0 0 0 3px #1963e71c}.vehicle-chip{text-align:left}.vehicle-link{margin-left:auto;display:flex;align-items:center;gap:2px;color:#718aa0;font-size:13px}.vehicle-link .icon{width:14px;height:14px}.demo-tag{cursor:pointer}.demo-tag:hover{background:#edf4ff;color:var(--blue)}
.network-banner{display:flex;align-items:center;gap:12px;border:1px solid #dce9f3;background:#edf5fc;padding:13px 18px;border-radius:13px;margin:0 0 24px;color:#517a9b}.network-banner>span{height:37px;width:37px;display:grid;place-items:center;flex-shrink:0;background:#fff9;border-radius:10px}.network-banner>div{min-width:0;flex:1}.network-banner strong{font-size:14px;font-weight:550;color:#3e6382}.network-banner p{font-size:12px;color:#6d8ca6;line-height:1.5;margin-top:2px}.network-banner>button{display:grid;place-items:center;min-width:38px;min-height:38px;color:#668ba9;border-radius:8px}.network-banner>button:hover{background:#fff}.network-banner.warning{background:#fff8e9;border-color:#f1e5ca;color:#a37e39}.network-banner.warning strong{color:#987236}.network-banner.warning p{color:#a88c5b}.ledger-banner{display:flex;align-items:flex-start;gap:12px;padding:17px 20px;border-radius:13px;margin-bottom:23px;background:#eaf2f8;color:#56758e}.ledger-banner strong{font-size:16px}.ledger-banner p{font-size:13px;margin-top:4px}.ledger-banner .icon{margin-top:2px}.pending-caption{font-size:12px;color:#a38d62;margin-top:13px}.count-pill{font-size:12px}.row-description .row-sync{margin-top:4px;font-size:12px;color:#6d9a94}.row-description .row-sync.attention{color:#bc9050}.row-description>span{max-width:360px}.expense-row{min-height:90px}.row-amount{max-width:110px}.row-amount>strong{font-size:18px}.detail-sync{display:flex;align-items:center;gap:7px;padding:11px 13px;background:#eef8f4;color:#4a8b78;border-radius:9px;font-size:13px;margin:10px 0 16px}.detail-sync.attention{background:#fff7e8;color:#a07c3f}.ledger-rule{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#8295a5;margin:0 0 19px;line-height:1.7}.ledger-rule .icon{width:17px;height:17px;margin-top:3px}.locked-chip{display:flex;align-items:center;gap:5px;color:#7c91a3;font-size:13px;white-space:nowrap}.locked-chip .icon{width:16px;height:16px}
.essential-materials{margin:22px 0}.essential-materials>div{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eef2f6}.essential-materials>div:last-child{border-bottom:0}.material-symbol{height:37px;width:37px;background:#f0f7f6;color:#6c9d91;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.material-symbol .icon{width:20px;height:20px}.essential-materials>div>div{flex:1;min-width:0}.essential-materials strong{display:block;font-size:16px;font-weight:600}.essential-materials small{font-size:11px;display:inline-block;color:#a8905c;font-weight:400;margin-left:4px}.essential-materials p{font-size:12px;color:#8d9eaa;margin-top:4px}.essential-materials>div>button{border:1px solid #d5e3f3;border-radius:8px;font-size:13px;color:#4c7eb5;padding:7px 11px;min-height:36px;white-space:nowrap}.urea-button small{font-size:12px}.urea-button:disabled{opacity:.45;cursor:default}.trip-status>.icon{width:13px;height:13px}
.receipt-form .linked-trip{margin-bottom:26px}.capture-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.capture-heading h2{font-size:19px}.required-tag{color:#c57e59;background:#fff1e8;border-radius:4px;padding:1px 7px;font-size:11px}.photo-first{min-height:188px;background:#f4f9ff;border-color:#9dbfe9}.photo-first>.icon{height:40px;width:40px;margin-bottom:14px;color:#397be1}.photo-first strong{font-size:21px;color:#376fb5}.photo-first>span{font-size:13px;margin-top:5px;color:#819ab4}.sample-link{display:block;width:100%;padding:14px 0 4px;font-size:12px;color:#91a6ba;min-height:40px;text-align:center}.sample-link:hover{color:var(--blue)}.capture-tip{color:#8da2b4;font-size:13px;text-align:center;padding:15px 0 0}.capture-heading+.photos:not(:empty){margin-bottom:18px}.ocr-wait{text-align:center;padding:30px 15px;color:#6c8ba8}.ocr-wait strong{display:block;font-size:16px;margin-top:10px}.ocr-wait p{font-size:13px;margin-top:6px}.spinner{display:inline-block;width:24px;height:24px;border:2px solid #deebf8;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ocr-result{border-radius:13px;background:#f2f8f6;padding:19px 21px;margin:23px 0 15px;border:1px solid #e1f0e9}.ocr-result-header{display:flex;align-items:center;gap:7px;font-size:13px;color:#408b71}.ocr-result-header .icon{width:18px;height:18px}.ocr-result-header>span{margin-left:auto;font-size:12px;background:#e3f1eb;padding:2px 7px;border-radius:5px;white-space:nowrap}.ocr-amount{font-size:43px;font-family:"Avenir Next",sans-serif;line-height:1.4;font-weight:600;letter-spacing:-1px;color:#254e43;margin:12px 0}.ocr-amount small{font-size:24px;margin-right:5px}.ocr-result .detail-list{margin:0}.ocr-result .detail-list>div{border-bottom-color:#e1ece6;padding:10px 0;font-size:14px}.ocr-result .detail-list>div:last-child{border:0}.ocr-result .detail-list dt{color:#7d978b}.ocr-result .detail-list dd{color:#527260}.ocr-notice{display:flex;gap:10px;padding:17px 14px;border:1px solid #f0e4ca;background:#fff9ec;border-radius:11px;margin-top:23px;color:#a0834c}.ocr-notice>.icon{width:21px;height:21px;flex-shrink:0}.ocr-notice strong{font-size:14px;display:block;line-height:1.7}.ocr-notice p{font-size:12px;margin-top:5px;color:#a58f69}.ocr-notice button{color:#aa813d;padding:12px 0 0;font-size:13px;display:flex;gap:5px;align-items:center}.ocr-notice button .icon{width:15px;height:15px}.correction-fields{margin:13px 0 20px;border:1px solid #e4edf4;border-radius:11px;padding:13px 15px}.correction-fields summary{font-size:13px;color:#7d94a8;display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;min-height:26px}.correction-fields summary::-webkit-details-marker{display:none}.correction-fields summary>.icon{width:16px;height:16px}.correction-fields>p{font-size:12px;color:#8c9ead;margin-top:13px}.correction-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.correction-grid>label{font-size:13px;color:#677f92;min-width:0}.correction-grid .wide{grid-column:1/-1}.correction-grid input,.correction-grid select,.note-label input,.note-label textarea{display:block;border:1px solid #dce6ef;border-radius:8px;min-height:45px;padding:10px 12px;color:#35536d;background:white;width:100%;min-width:0;margin-top:7px;font-size:16px;resize:vertical}.correction-grid select{max-width:100%}.note-label{display:block;font-size:14px;margin:20px 0;color:#7890a5}.note-label>span{color:#a2b0bd;font-size:12px;margin-left:5px}.note-label textarea{font-size:14px}.note-label textarea::placeholder{color:#a3b2bf}.save-receipt{margin-top:18px;font-size:18px}.save-receipt:disabled{background:#b6c8df;color:#f9fcff;opacity:1;cursor:default}.missing-voucher{padding:25px 18px;border:1px dashed #e3d4b6;color:#a18b65;background:#fffbf3;border-radius:10px;font-size:14px}.detail-actions{display:flex;gap:10px;margin-top:23px}.detail-actions>.primary{flex:1}.danger-outline,.danger{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:12px 18px;font-size:16px}.danger-outline{border:1px solid #edd8d4;color:#b37d70;background:#fff}.danger{background:#c76353;color:#fff}.delete-copy{font-size:15px;color:#8c9eac;margin:12px 0 26px}.text-action{color:#7a92a7;font-size:13px;display:flex;gap:6px;align-items:center;justify-content:center;min-height:43px;margin-top:10px}.text-action .icon{width:16px;height:16px}.duplicate-notice{text-align:center;padding:12px 4px 18px;color:#9c7940}.duplicate-notice>.icon{width:39px;height:39px;display:block;margin:0 auto 13px;color:#d6a555}.duplicate-notice strong{display:block;font-size:18px}.duplicate-notice p{font-size:14px;line-height:1.8;color:#9b8b72;margin-top:8px}.duplicate-record{display:flex;flex-direction:column;gap:6px;padding:19px;border-radius:12px;background:#f6f9fc;margin-bottom:23px}.duplicate-record>strong{font-size:16px}.duplicate-record>span{font-size:13px;color:#879bae}.duplicate-record>b{font-size:28px;line-height:1.5;color:#53718b}.sample-options{display:flex;flex-direction:column;gap:11px}.sample-options>button{min-height:70px;border:1px solid #dce8f3;border-radius:12px;display:flex;align-items:center;gap:12px;padding:17px;text-align:left;font-size:16px}.sample-options .icon{color:#6d92bd}.sample-options b{margin-left:auto;font-weight:500;font-size:19px;color:#4a6e94}.sample-options button:hover{background:#f2f7ff}
.profile-sheet{max-width:540px;width:calc(100% - 32px)}.profile-summary{display:flex;align-items:center;gap:16px;padding:4px 0 25px}.profile-summary>img{width:68px;height:68px;border-radius:50%;background:#edf4fa}.profile-summary .vehicle-icon{width:63px;height:63px}.profile-summary .vehicle-icon .icon{width:34px;height:34px}.profile-summary h3{font-size:23px}.profile-summary p{font-size:13px;color:#8b9fb0;margin-top:5px}.document-list{display:flex;flex-direction:column;border-top:1px solid #edf2f6}.document-list>button{display:flex;align-items:center;gap:13px;border-bottom:1px solid #edf2f6;padding:17px 0;min-height:81px;text-align:left}.document-icon{width:42px;height:46px;border:1px solid #dce8f5;background:#f1f7ff;border-radius:8px;color:#7299c2;display:grid;place-items:center;flex-shrink:0}.document-list>button>span:nth-child(2){min-width:0;flex:1}.document-list strong{display:block;font-size:17px;font-weight:550}.document-list small{display:block;color:#90a1b0;font-size:12px;margin-top:4px}.document-list>button>.icon{width:17px;height:17px;color:#adbdcb}.document-sheet{width:min(740px,calc(100% - 32px));max-width:740px}.document-viewer{overflow:auto;max-height:60vh;background:#eff3f7;border-radius:10px}.document-viewer img{width:100%;object-fit:contain}.demo-document{position:relative;overflow:hidden;border:1px solid #dbe6ef;border-radius:12px;background:linear-gradient(150deg,#f7fbff,#fff);padding:32px 25px;color:#446a8a;min-height:295px}.demo-document>.icon{width:39px;height:39px;margin-bottom:17px;color:#7fa4c4}.demo-document h3{font-size:24px}.demo-document dl{margin:22px 0}.demo-document dl>div{display:flex;gap:20px;font-size:14px;margin-top:10px}.demo-document dt{color:#8da2b4}.demo-document dd{margin:0}.demo-document>p{font-size:13px;color:#93a6b6}.document-watermark{position:absolute;right:17px;top:20px;font-size:12px;color:#9eafbd;border:1px solid #dbe5ed;border-radius:4px;padding:3px 7px}.material-sheet{max-width:545px;width:calc(100% - 32px)}.material-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0 0 28px}.material-picker>button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #e1e9f0;min-height:59px;border-radius:10px;position:relative;padding:12px 7px;font-size:14px;color:#7990a4}.material-picker>button>.icon{width:20px;height:20px}.material-picker>button.selected{border-color:#4484df;color:#3477d6;background:#f0f6ff}.material-picker small{font-size:9px;position:absolute;right:2px;top:1px;color:#a9905e}.paper-required{margin-top:23px;padding-top:20px;border-top:1px solid #e5edf4}.paper-required>strong{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:550}.paper-required>strong>span{font-size:11px;color:#c08b57;margin-left:auto}.paper-required>strong>.icon{width:19px;height:19px}.paper-required .upload-box{margin-top:16px;min-height:106px;padding:17px}.paper-required .photos{margin-top:16px}.paper-required .upload-box>.icon{width:25px;height:25px;margin-bottom:6px}.material-sheet .field-error:not(:empty){margin-bottom:13px}.material-sheet .quantity-help{margin-bottom:21px}.settings-sheet{max-width:510px;width:calc(100% - 32px)}.settings-row{display:flex;align-items:center;gap:18px;padding:15px 0 23px;border-bottom:1px solid #e8eef4}.settings-row>div{flex:1}.settings-row strong,.settings-info>strong{font-size:16px}.settings-row p,.settings-info>p{font-size:13px;color:#889dad;line-height:1.8;margin-top:7px}.switch-button{width:48px;height:28px;padding:3px;background:#cfdae5;border-radius:20px;flex-shrink:0}.switch-button>span{width:22px;height:22px;border-radius:50%;background:white;display:block;box-shadow:0 1px 4px #32546c30;transition:transform .2s}.switch-button.on{background:var(--blue)}.switch-button.on>span{transform:translateX(20px)}.settings-info{padding:23px 0;border-bottom:1px solid #e8eef4}.settings-info>strong{display:flex;align-items:center;gap:8px}.settings-info>strong>.icon{width:18px;height:18px}.settings-info .secondary{font-size:14px;min-height:43px}.settings-sheet>.local-note{font-size:12px;text-align:left}.close-problems{padding-left:24px;color:#a67f45;font-size:15px;line-height:2;margin:0 0 26px}.close-summary{background:#f3f8fd;border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:7px}.close-summary>strong{font-size:17px}.close-summary>span{font-size:13px;color:#839caf}.close-summary>b{font-size:36px;color:#3c658a}.storage-error{max-width:700px;margin:50px auto}.storage-error h1{font-size:25px}.storage-error p{font-size:16px;margin-top:20px;line-height:1.8}
@media(max-width:900px) and (min-width:641px){.essential-materials small{display:none}.essential-materials>div>button{padding:6px 8px}.essential-materials{margin:15px 0}.urea-button strong{font-size:18px}.network-banner{margin-bottom:20px}}
@media(max-width:640px){.network-banner{padding:12px 13px;gap:9px;margin:0 0 18px}.network-banner>span{height:31px;width:31px;border-radius:8px}.network-banner>span>.icon{width:20px;height:20px}.network-banner strong{font-size:13px}.network-banner p{font-size:11px}.network-banner>button{min-width:28px;min-height:35px;font-size:11px}.network-banner>button>.icon{width:18px;height:18px}.driver-head h1{font-size:24px}.profile-trigger .eyebrow{font-size:11px}.vehicle-link{font-size:12px}.vehicle-chip div>span{font-size:11px}.expense-summary{align-items:flex-end}.expense-summary strong{font-size:33px}.count-pill{font-size:11px;padding:3px 6px}.expense-cta small{font-size:11px}.essential-materials{margin:18px 0}.essential-materials small{font-size:11px}.essential-materials p{font-size:12px}.essential-materials strong{font-size:16px}.essential-materials>div{gap:10px;padding:13px 0}.essential-materials>div>button{font-size:13px}.urea-button small{font-size:11px}.all-records .row-description>span,.row-description>span{max-width:180px;font-size:12px}.all-records .row-amount>strong,.row-amount>strong{font-size:18px}.record-overview>div>strong{font-size:34px}.overview-detail{gap:7px}.overview-detail b{font-size:13px}.records-toolbar .compact{font-size:13px;padding:9px 13px}.ledger-rule{font-size:12px}.ledger-rule .icon{width:15px;height:15px}.capture-heading h2{font-size:19px}.photo-first{min-height:177px}.photo-first strong{font-size:21px}.photo-first>span{font-size:12px}.receipt-form{padding:21px 19px}.receipt-form .linked-trip{margin-bottom:22px}.sample-link{font-size:12px}.capture-tip{font-size:12px}.ocr-result{padding:17px 15px;margin-top:20px}.ocr-result-header{font-size:12px;gap:5px}.ocr-result-header>span{font-size:11px}.ocr-amount{font-size:40px}.ocr-result .detail-list>div{font-size:13px;gap:12px}.correction-fields{padding:12px}.correction-fields summary{font-size:13px}.correction-grid{gap:14px 10px}.correction-grid input,.correction-grid select{font-size:16px;padding:10px 8px}.correction-grid>label{font-size:12px}.note-label textarea{font-size:16px}.save-receipt{font-size:17px;gap:6px}.receipt-form .local-note{font-size:11px}.profile-sheet,.material-sheet,.settings-sheet,.document-sheet{width:100%;max-width:100%}.profile-summary h3{font-size:23px}.document-list strong{font-size:17px}.document-list small{font-size:12px}.demo-document{padding:28px 18px}.demo-document dl>div{font-size:13px;gap:12px}.demo-document h3{font-size:23px}.material-picker>button{font-size:14px;min-height:56px;padding:11px 5px;gap:5px}.material-picker{gap:8px}.material-picker>button>.icon{width:18px;height:18px}.material-picker small{font-size:9px}.settings-info>p,.settings-row p{font-size:13px}.ledger-banner{padding:15px;gap:9px;margin-bottom:18px}.ledger-banner strong{font-size:15px}.ledger-banner p{font-size:12px}.detail-actions .primary{font-size:16px}.danger-outline{font-size:15px;padding:11px 15px}.missing-voucher{font-size:13px}.close-summary>b{font-size:32px}}
@media(max-width:374px){.vehicle-chip>div{gap:9px}.vehicle-link{font-size:11px}.vehicle-chip strong{font-size:16px}.vehicle-icon{width:30px;height:30px}.vehicle-chip{gap:8px}.expense-summary strong{font-size:30px}.count-pill{font-size:10px}.essential-materials small{display:none}.row-description>span,.all-records .row-description>span{max-width:137px}.row-amount>strong,.all-records .row-amount>strong{font-size:17px}.material-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.ocr-result-header>span{display:none}.save-receipt{font-size:16px}.network-banner p{font-size:11px}.profile-trigger .eyebrow{font-size:11px}}
.status-badge.approved{background:#e9f6ef;color:#438a72}.status-badge.rejected{background:#fff0ec;color:#b87162}.review-result{border-radius:11px;padding:17px;margin:17px 0;background:#eef8f2;color:#56816e;font-size:14px}.review-result.rejected{background:#fff3ec;color:#ad7657}.review-result p{margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere}.review-result small{display:block;font-size:11px;margin-top:9px;opacity:.8}.submission-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.submission-card h3{font-size:16px}.submission-card p{font-size:12px;color:#8b9fac;margin-top:6px}.submission-card>.secondary{margin:0;min-width:195px;font-size:14px}.count-pill{max-width:220px;text-align:right}.overview-detail b{max-width:160px;display:inline-block;text-align:right}@media(max-width:640px){.submission-card{display:block;padding:21px}.submission-card>.secondary{width:100%;margin-top:17px}.count-pill{max-width:140px}.overview-detail b{max-width:105px;font-size:11px}}
.trip-selector{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;color:#8797ac;font-size:12px}.trip-selector button{display:flex;align-items:center;gap:4px;color:#4779bd;padding:9px 12px;border:1px solid #dae4f2;border-radius:7px;background:#fff}.trip-selector .icon{width:14px;height:14px}.trip-options{display:flex;flex-direction:column;gap:10px}.trip-options button{text-align:left;padding:17px;border:1px solid #e3eaf3;border-radius:10px;background:#f9fbfe;display:flex;flex-direction:column;gap:6px}.trip-options button[aria-current=true]{border-color:#91b3ef;background:#f0f5ff}.trip-options strong{font-size:15px;color:#41648b}.trip-options span,.trip-options small{font-size:12px;color:#8c9db2}.no-trip{padding:65px 22px;margin-top:30px}.no-trip h2{margin:20px 0 10px}.no-trip .secondary{margin-top:25px}