.journey-nav{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.journey button,.journey input,.journey select{min-height:48px}.journey input,.journey select{font-size:16px}.journey-trip{border:1px solid #dbe6ef;border-radius:16px;padding:20px;margin-top:18px}.journey-badges{display:flex;flex-wrap:wrap;gap:8px}.journey-badges span{background:#eaf2ff;color:#1a5288;border-radius:20px;padding:7px 12px;font-size:13px}.journey-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr auto;gap:12px;align-items:end;background:#f5f8fc;padding:16px;border-radius:12px;margin:16px 0}.journey-money{color:#1769d4;display:block;margin:6px 0}.journey-totals{display:flex;gap:20px;flex-wrap:wrap;background:#eef5ff;border-radius:14px;padding:20px;margin:20px 0}.journey-totals strong{display:block;font-size:24px}.journey fieldset{border:0;padding:0;min-width:0}.journey details{margin-top:16px}.journey summary{cursor:pointer;padding:12px;color:#1769d4}.journey .actions{display:flex;flex-wrap:wrap;gap:12px}.journey .card h2{margin-top:18px}.journey a{overflow-wrap:anywhere}@media(max-width:700px){.journey-row{grid-template-columns:1fr}.journey-nav{display:grid;grid-template-columns:1fr 1fr}.journey-nav button{font-size:14px;padding:12px 8px}.journey .form-grid{grid-template-columns:1fr}.journey .actions button{width:100%}.journey-trip{padding:16px}.journey-totals{display:block}}.driver-shell.journey{max-width:1240px;background:#f2f6fb;color:#172e43}.driver-shell.journey .driver-header{background:#172e43;color:#fff;padding:22px 24px}.driver-shell.journey .driver-header h1{font-size:23px;margin:0 0 6px}.driver-shell.journey .driver-header small{color:#bdd0e0}.driver-shell.journey .driver-header button{background:#e9f0f8;color:#1a5186}.driver-shell.journey main{padding:12px 20px 40px}.driver-shell.journey .journey-nav{position:sticky;top:0;z-index:3;background:#f2f6fb;padding:12px 0;margin:0 0 12px;display:flex;flex-wrap:nowrap}.driver-shell.journey button{background:#e9f0f8;color:#1a5186;border:0;border-radius:12px;font-size:16px;min-height:48px;padding:14px 18px}.driver-shell.journey button.primary{background:#1769d4;color:#fff}.driver-shell.journey .card{border:1px solid #dce6f0;border-radius:20px;padding:24px;box-shadow:0 3px 10px #16375508;margin-bottom:20px}.driver-shell.journey .card h2{font-size:21px;margin:0 0 12px}.driver-shell.journey input,.driver-shell.journey select{font-size:16px;min-height:52px;border:1px solid #b9cadd;border-radius:11px;background:#fff;color:#172e43}.driver-shell.journey .field>span{color:#172e43;font-size:15px;font-weight:650}.driver-shell.journey .muted{color:#6b7f92}.driver-shell.journey .journey-row{background:#fff;border-radius:0;border-bottom:1px solid #e5edf5;padding:18px 0;grid-template-columns:1.2fr .8fr 1.2fr auto;align-items:start;gap:12px}.journey-row .row-date{grid-column:1/-1;margin:0}.journey-row .row-date summary{padding:0;min-height:28px;font-size:12px;font-weight:400;color:#6b7f92}.driver-shell.journey .remove-row{margin-top:29px;color:#a43b3b}.driver-shell.journey .journey-trip{background:#f9fbfe;padding:18px;margin-top:12px;border-radius:14px}.driver-shell.journey .journey-trip h3{font-size:18px}.driver-shell.journey .journey-trip p{margin:10px 0}.driver-shell.journey .journey-totals{justify-content:space-between;padding:18px;background:#eff6ff}.driver-shell.journey .journey-totals p{margin:0}.driver-shell.journey .journey-totals strong{color:#14599d;margin-top:6px}.journey-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.journey-stats>div{border:1px solid #dce6f0;padding:20px;border-radius:16px}.journey-stats strong{display:block;font-size:24px;margin-top:10px}.journey-table{overflow-x:auto;margin:18px 0}.journey-table table{width:100%;min-width:1050px;border-collapse:collapse;font-size:14px}.journey-table th,.journey-table td{padding:14px;text-align:left;border-bottom:1px solid #e2eaf2;white-space:nowrap}.journey-table th,.journey-table tfoot{background:#f0f5fa;font-weight:700}.driver-shell.journey .trip-context h2{margin-top:14px}.driver-shell.journey .trip-context p{margin:10px 0}@media(max-width:650px){.driver-shell.journey .driver-header{padding:16px;gap:10px}.driver-shell.journey .driver-header h1{font-size:18px}.driver-shell.journey .driver-header small{font-size:12px}.driver-shell.journey .driver-header button{font-size:12px;padding:8px 12px}.driver-shell.journey main{padding:0 12px 24px}.driver-shell.journey .journey-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.driver-shell.journey .journey-nav button{font-size:12px;padding:8px 5px;line-height:1.4;min-height:54px}.driver-shell.journey .card{padding:16px;border-radius:16px;margin-bottom:12px}.driver-shell.journey .card h2{font-size:19px}.driver-shell.journey .section-heading{flex-wrap:wrap;gap:10px}.driver-shell.journey .section-heading>button{width:100%}.driver-shell.journey .journey-row{grid-template-columns:minmax(0,1fr) 90px;gap:12px;background:#f7f9fc;border:1px solid #e3ebf3;border-radius:12px;padding:12px;margin:12px 0}.driver-shell.journey .journey-row>.field:first-child{grid-column:1/-1}.driver-shell.journey .journey-row>div{grid-column:1;grid-row:2}.driver-shell.journey .journey-row>.field:nth-child(3){grid-column:1/-1}.driver-shell.journey .remove-row{grid-column:2;grid-row:2;margin:26px 0 0;font-size:12px;padding:8px}.driver-shell.journey .journey-totals{display:flex;flex-direction:column;gap:14px}.driver-shell.journey .trip-context .actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.driver-shell.journey .trip-context .actions button{font-size:12px;padding:8px}.driver-shell.journey .trip-context p{font-size:14px}.driver-shell.journey .journey-badges span{font-size:11px;padding:6px 9px}.driver-shell.journey form.card fieldset>.actions{position:sticky;bottom:0;background:#fff;padding:12px 0;border-top:1px solid #e3ebf3}.driver-shell.journey .journey-stats{grid-template-columns:1fr;gap:10px}.journey-stats>div{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.journey-stats strong{font-size:20px;margin:0}.driver-shell.journey .form-grid{grid-template-columns:minmax(0,1fr)}.driver-shell.journey p,.driver-shell.journey h3{overflow-wrap:anywhere}}.vehicle-submenu{display:flex;flex-direction:column;gap:3px;padding:4px 0 10px 20px}.vehicle-submenu a{display:block;padding:9px 10px;border-radius:8px;font-size:13px;line-height:1.35;color:#d5e5f9;text-decoration:none}.vehicle-submenu a:hover,.vehicle-submenu a.active{background:#236ed4;color:#fff}:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#243b45;background:#f3f6f8;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 16px;border:1px solid #dce5e7;border-radius:9px;background:#fff;color:#29464b;cursor:pointer;text-decoration:none;font-weight:600}button:hover,.button:hover{background:#edf5f3}button:disabled{opacity:.55;cursor:wait}.primary{background:#126c61;color:#fff;border-color:#126c61}.primary:hover{background:#09594f;color:#fff}a{color:#167366;text-decoration:none}h1{font-size:30px;letter-spacing:-.8px;margin:4px 0 10px}h2{font-size:19px;margin:0 0 12px}h3{font-size:16px}p{line-height:1.6}small{font-size:12px;line-height:1.7;color:#6c8088}input,select,textarea{width:100%;min-height:44px;border:1px solid #d7e1e5;border-radius:8px;background:#fff;padding:10px 12px;color:#29424b}input:focus,select:focus{outline:2px solid #74b4a8;outline-offset:1px}input[type=checkbox]{width:auto;min-height:auto}button:focus-visible,a:focus-visible{outline:3px solid #dea648;outline-offset:3px}.app{display:flex;min-height:100vh}aside{width:250px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e1e8eb;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px}.brand-icon{display:grid;place-items:center;width:44px;height:44px;background:#116b60;color:#fff;border-radius:12px;font-weight:800;font-size:20px;flex-shrink:0}.brand strong{font-size:16px;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:.6px}.nav-label{font-size:10px;color:#96a4ab;font-weight:700;letter-spacing:1.4px;margin-top:47px}nav{display:grid;gap:9px}nav a{display:flex;align-items:center;gap:14px;padding:14px 16px;color:#647982;border-radius:9px;font-weight:600}nav a.active{background:#e7f3ef;color:#096659}.sidebar-note{margin-top:auto;padding:18px;background:#f2f7f5;border-radius:12px;display:grid;gap:10px;color:#26766b}.workspace{margin-left:250px;width:calc(100% - 250px)}.topbar{height:78px;padding:0 42px;background:#fff;border-bottom:1px solid #e2e9ed;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;letter-spacing:.7px;color:#6d8188}.topbar>div{display:flex;gap:10px;align-items:center}.topbar i{width:7px;height:7px;background:#459981;border-radius:50%}.avatar{background:#eaf1ee;border-radius:50%;padding:10px 14px;color:#1b7164;margin-left:14px}main{padding:34px 42px;max-width:1550px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-title p{margin:0;color:#7d8e95}.page-title .eyebrow{font-size:10px;letter-spacing:2px;color:#188275;font-weight:700;margin-bottom:9px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.actions input{width:auto}.actions .field{flex:1;min-width:150px}.hero{background:linear-gradient(115deg,#125d55,#1d7f70);color:#fff;border-radius:16px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero p{font-size:11px;letter-spacing:1.4px;color:#b7ded2;margin:0 0 12px}.hero h2{font-size:38px;font-weight:650;margin:0 0 12px}.hero span{font-size:12px;color:#c3e5dc}.hero-mark{border:1px solid #ffffff22;border-radius:50%;padding:20px 30px;color:#a8d5c3}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0}.card{background:#fff;border:1px solid #e3eaed;border-radius:13px;padding:24px;margin-bottom:22px;box-shadow:0 3px 6px #1c394303}.stats .card{margin:0}.stat{color:inherit}.stat>div{display:flex;justify-content:space-between;align-items:center;color:#93a3a8}.tile{display:inline-flex;align-items:center;justify-content:center;background:#e7f3ed;color:#178472;width:42px;height:42px;border-radius:10px}.tile-1{background:#fff4de;color:#bb8c32}.tile-2{background:#edf1fa;color:#5e82ba}.stat p{color:#7b8b93;margin:17px 0 7px}.stat h2{font-size:23px;margin:0 0 9px}.two-col{display:grid;grid-template-columns:1fr 1.65fr;gap:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.section-heading h2{margin:0}.section-heading a{font-size:12px}.muted{color:#7a8e95}.breakdown{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-top:15px}.donut{width:170px;height:170px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.donut>div{background:#fff;width:126px;height:126px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut strong{font-size:30px}.donut small{font-size:10px}.legend{min-width:110px;flex:1}.legend>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf1f3}.legend span{display:flex;gap:10px;align-items:center}.legend i{width:8px;height:8px;border-radius:3px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;font-size:11px;font-weight:500;color:#8b9ba3;padding:13px 10px;background:#f7f9fa}td{padding:17px 10px;border-bottom:1px solid #edf1f4;white-space:nowrap}td:first-child{white-space:normal;min-width:160px}td small{display:block;margin-top:5px;font-size:10px}.right{text-align:right}.amount{font-weight:650;color:#244b43}.badge{display:inline-flex;align-items:center;gap:8px;background:#edf5f2;color:#487669;border-radius:6px;padding:5px 9px;font-size:11px}.notice{display:flex;align-items:center;gap:16px;background:#eaf3ee;border:1px solid #d6e6dd;border-radius:11px;padding:18px 24px;color:#387065}.notice p{margin:4px 0 0;font-size:12px}.notice>a{margin-left:auto;white-space:nowrap;font-size:12px}footer{padding:10px 42px 26px;font-size:9px;color:#8b9da3;letter-spacing:1px;display:flex;justify-content:space-between}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{border:0;background:transparent;color:#7b8b91}.tabs .active{background:#e7f3ed;color:#107266}.count{background:#e6ecea;border-radius:5px;padding:2px 5px;font-size:10px}.fleet-tabs{margin-bottom:22px}.filters,.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.filters{grid-template-columns:repeat(3,1fr);padding:18px 0}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field>span{font-size:12px;font-weight:600;color:#617982}.form-grid .field,.filters .field{margin-bottom:0}.summary-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8edef;padding:20px 0;color:#788e95}.summary-line strong{color:#1a6e5e;font-size:20px}.empty{padding:42px 20px;text-align:center;color:#a3b3ba}.empty svg{color:#9fbab1}.empty h3{color:#688078}.empty p{font-size:13px}.overlay{position:fixed;inset:0;background:#14333288;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;padding:28px;border-radius:16px;width:700px;max-width:100%;max-height:92vh;overflow:auto;box-shadow:0 25px 90px #001f3633}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal header h2{margin:0}.icon{padding:8px;min-height:36px;border:0}.wide{width:100%;margin-top:20px}.upload{margin-top:22px;padding:20px;border:1px dashed #aac5bd;border-radius:10px;background:#f7faf9}.upload p{font-size:12px;color:#82938e}.upload input{font-size:12px;margin-bottom:12px}.upload>div{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.upload>div button{min-height:28px;padding:4px 8px}.error{background:#ffeded;color:#a43f3f;border-radius:8px;padding:15px;line-height:1.5}.text-button{background:none;border:0;padding:0;min-height:30px;color:#24564c;text-align:left}.danger{color:#b34b4b}dl{display:grid;grid-template-columns:1fr 1.5fr;gap:13px;font-size:13px;margin:20px 0}dt{color:#8a9a9f}dd{margin:0}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fleet-grid .card{margin:0}.fleet-grid .actions{margin-top:25px}.fleet-grid .actions button{font-size:12px;padding:8px 10px}.qr{text-align:center}.qr img{width:250px;max-width:100%}.url{overflow-wrap:anywhere;font-size:11px}.bar-row{margin:22px 0}.bar-row>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:10px}.bar{height:8px;background:#edf3f1;border-radius:8px}.bar i{display:block;height:100%;background:#268b77;border-radius:8px}.timeline{max-height:350px;overflow:auto}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.chips button{min-height:20px;padding:0 3px;border:0;background:none}.audit{max-height:300px;overflow:auto}.audit p{border-bottom:1px solid #edf1f3;padding-bottom:12px;font-size:12px}.audit small{display:block}.login,.loading{min-height:100vh;display:grid;place-items:center;background:#eef4f1;padding:20px}.login form{background:#fff;padding:45px;border-radius:18px;max-width:450px;box-shadow:0 20px 70px #2b595117}.login .brand-icon{width:60px;height:60px;font-size:27px}.login h1{font-size:29px}.login p{color:#7c8d91;font-size:12px}.login .primary{width:100%;margin:20px 0}.login .check{display:flex;gap:10px;font-size:12px}.login small{display:block}@media(min-width:1500px){.two-col{grid-template-columns:1fr 1.5fr}}@media(max-width:1200px){aside{width:210px;padding:25px 15px}.workspace{margin-left:210px;width:calc(100% - 210px)}main{padding:28px 24px}.topbar{padding:0 24px}.two-col{grid-template-columns:1fr 1fr}.fleet-grid{grid-template-columns:repeat(2,1fr)}.stat h2{font-size:19px}.page-title{align-items:flex-start}.page-title .actions{justify-content:flex-end}.hero h2{font-size:32px}}@media(max-width:800px){aside{position:fixed;top:auto;bottom:0;width:100%;height:74px;padding:5px 8px;z-index:5;border-top:1px solid #e2e9e6}.brand,.nav-label,.sidebar-note{display:none}nav{display:flex;justify-content:space-around;gap:0}nav a{flex-direction:column;gap:5px;font-size:10px;padding:8px 12px}nav a.active{background:transparent}nav a.active svg{color:#0b7b67}.workspace{margin:0 0 74px;width:100%}.topbar{height:59px;padding:0 20px;font-size:9px}.avatar{margin-left:3px;padding:7px 10px}main{padding:25px 18px}.page-title{display:block}.page-title .actions{justify-content:flex-start;margin-top:18px}h1{font-size:26px}.page-title p{font-size:12px}.hero{padding:24px}.hero h2{font-size:30px}.hero-mark{padding:10px}.hero-mark svg{width:40px}.stats{gap:10px;grid-template-columns:1fr}.stats .stat{display:grid;grid-template-columns:50px 1fr;column-gap:15px;padding:18px}.stat>div{grid-row:1/4}.stat>div>svg{display:none}.stat p{margin:0 0 5px}.stat h2{margin-bottom:4px}.two-col{grid-template-columns:1fr;gap:0}.card{padding:20px}.breakdown{justify-content:center;padding:15px}.filters{grid-template-columns:repeat(2,1fr)}.fleet-grid{grid-template-columns:1fr}.notice{padding:16px;flex-wrap:wrap}.notice svg{display:none}.notice>a{margin-left:0}footer{padding:10px 20px}footer span{display:none}.form-grid{grid-template-columns:1fr}.modal{padding:20px;max-height:90vh}.overlay{padding:10px}.summary-line h2{font-size:16px}.login form{padding:30px}.section-heading{flex-wrap:wrap}.section-heading button{font-size:12px}.actions .field{min-width:130px}}@media print{aside,.topbar,footer,.page-title .actions,button,.button,.filters,.tabs,.actions{display:none!important}.workspace{margin:0;width:100%}main{padding:0}.card{break-inside:avoid;box-shadow:none}.overlay{position:static;background:#fff;padding:0;display:block}.modal{max-height:none;max-width:none;width:100%;box-shadow:none}.app:has(.overlay) main>*:not(.overlay){display:none}.app:has(.overlay) .fleet-grid{display:none}.timeline{max-height:none}body{background:#fff}.two-col{display:block}}.card,.workspace,.two-col>*{min-width:0}.table-wrap{max-width:100%}.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)}@media(max-width:800px){.two-col{grid-template-columns:minmax(0,1fr)}}:root{color:#152a42;background:#f5f8fd}.primary{background:#0672ff;border-color:#0672ff}.primary:hover{background:#005cdb}.brand-icon{background:#fff url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3e%3crect%20width='100'%20height='100'%20rx='22'%20fill='white'/%3e%3cpath%20d='M15%2058C28%2025%2056%2012%2077%2027C91%2038%2075%2053%2062%2053C75%2043%2073%2031%2063%2032C49%2032%2039%2046%2034%2055L44%2049C41%2060%2030%2066%2015%2068Z'%20fill='%23123d79'/%3e%3ccircle%20cx='64'%20cy='34'%20r='3'%20fill='white'/%3e%3cpath%20d='M17%2073Q34%2060%2055%2070T86%2063M17%2082Q35%2072%2054%2080T86%2073'%20fill='none'%20stroke='%23123d79'%20stroke-width='5'%20stroke-linecap='round'/%3e%3c/svg%3e") center/contain no-repeat;color:transparent;border-radius:12px}.brand strong{color:#163b72}.brand small{color:#6d8199}nav a.active{background:#eaf3ff;color:#006bff}.sidebar-note{background:#eef5ff;color:#255b9b}.page-title .eyebrow,a{color:#0768ea}.hero{background:linear-gradient(120deg,#d5e8ff,#eaf4ff);color:#073473;border:1px solid #cfe2ff}.hero p,.hero span{color:#426b9b}.hero-mark{color:#197dff;border-color:#bad7ff}.tile-0{background:#ffeae1;color:#ff603a}.tile-1{background:#e5f1ff;color:#0878ff}.tile-2{background:#e4f8e9;color:#27a956}.stat:nth-child(1){background:#fff1eb}.stat:nth-child(2){background:#edf5ff}.stat:nth-child(3){background:#edf9ef}.stat:nth-child(1) h2{color:#da4726}.stat:nth-child(2) h2{color:#104b9b}.stat:nth-child(3) h2{color:#16843e}.badge{background:#eaf3ff;color:#3168a1}.tabs .active{background:#0672ff;color:#fff}.notice{background:#edf6ff;border-color:#d8e8fa;color:#42658b}.summary-line strong,.amount{color:#163c72}.bar i{background:#2484ff}.upload{background:#f8fbff;border-color:#bfd6f3}.login{background:linear-gradient(145deg,#f6fbff,#bcdaf4)}.login form{position:relative;overflow:hidden;border:1px solid white}.login form:after{content:"";display:block;height:65px;background:linear-gradient(170deg,transparent 45%,#0c5eaa 46%,#62b9d4 61%,#174a88 62%,#a1dbea 80%);margin:25px -45px -45px}.login .brand-icon{width:85px;height:85px;margin:auto}.login h1,.login form>p{text-align:center}.paid{background:#dff7e7;color:#087d31}.unpaid{background:#fff0df;color:#c35412}.expense-mobile{display:none}.department-choice{display:flex;gap:10px}.attachment-thumb{width:70px;height:80px;object-fit:cover;border:1px solid #dce7f5;border-radius:7px}.donut strong{font-size:18px}.donut small{font-size:11px}.login h1{color:#103c77}@media(max-width:800px){.topbar{background:#fff}.topbar>span{font-size:10px;color:#183a65;letter-spacing:0}.hero{padding:20px;border-radius:11px}.hero h2{font-size:29px}.hero-mark{padding:12px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.stats .stat{display:block;padding:12px 9px;border-radius:10px}.stat>div{margin-bottom:10px}.stat .tile{width:32px;height:32px;border-radius:8px}.stat .tile svg{width:20px}.stat p{font-size:12px;color:inherit}.stat h2{font-size:12px;white-space:nowrap;letter-spacing:-.3px}.stat small{font-size:9px}.stats>.card{padding:12px 9px}.stats>.card h2{font-size:12px}.stats>.card p{font-size:12px}.page-title h1{font-size:23px}.page-title .eyebrow{display:none}.page-title p{font-size:11px}.card{border-radius:10px;padding:16px}main{padding:20px 14px}.breakdown{padding:10px 0;gap:18px}.donut{width:150px;height:150px}.donut>div{width:108px;height:108px}.donut strong{font-size:16px}.legend{font-size:12px;min-width:100px}.legend>div{border:0}.tabs button{padding:9px 12px;font-size:12px;min-height:38px}.expense-table{display:none}.expense-mobile{display:block}.expense-row{display:flex;align-items:center;width:100%;border:0;border-bottom:1px solid #e8eef5;border-radius:0;background:#fff;padding:14px 0;gap:10px;text-align:left;font-weight:400}.expense-row .tile{width:32px;height:36px;flex-shrink:0}.expense-row .tile svg{width:19px}.expense-row .expense-info{flex:1;min-width:0}.expense-row strong{display:block;font-size:12px;line-height:1.5}.expense-row small{display:block;font-size:10px}.expense-row .expense-money{text-align:right;flex-shrink:0}.expense-row .badge{font-size:9px;padding:3px 5px;margin-top:4px}.modal{border-radius:10px}.form-grid{gap:12px}.form-grid .field>span{font-size:12px}.overlay{padding:7px}.login form{padding:30px 25px}.login form:after{margin:25px -25px -30px}.login .brand-icon{width:100px;height:100px}nav a.active{color:#0672ff}nav a.active svg{color:#0672ff}nav a{font-size:10px}.fleet-grid{gap:14px}.topbar .avatar{background:#eaf3ff;color:#1264ca}}.login{background:#dbeafb;padding:24px;min-height:100dvh}.login form{background:#dcefff url(./login-harbor-tNcGpfVM.png) center bottom/cover no-repeat;width:430px;max-width:100%;min-height:820px;padding:48px 34px 245px;border-radius:24px;box-shadow:0 20px 70px #16447030;overflow:hidden}.login form:after{display:none}.login-brand{text-align:center;color:#092f69;margin-bottom:32px}.login-brand img{display:block;width:124px;height:114px;object-fit:contain;margin:0 auto -3px}.login-brand h1{font-family:Georgia,Times New Roman,serif;letter-spacing:.4px;font-size:30px;margin:0;color:#092f69}.login-brand p{font-size:20px;color:#092f69;margin:0;font-weight:600;letter-spacing:1px}.login-brand h2{font-size:18px;margin-top:19px;margin-bottom:0;color:#092f69}.login-input{display:flex;align-items:center;gap:10px;background:#fff;border-radius:8px;margin:12px 0;padding:0 13px;color:#8a9ab0}.login-input input{border:0;background:transparent;padding:13px 0;min-height:49px;font-size:14px;color:#172c41}.login .check{color:#143f78;font-size:13px;align-items:center;margin-top:15px;gap:9px}.login .check input{accent-color:#0672ff;width:16px;height:16px}.login .primary{margin:20px 0 7px;font-size:16px;min-height:51px;border-radius:8px}.login .forgot{display:block;background:none;border:0;width:100%;color:#035fd5;font-size:13px;font-weight:400;padding:6px;min-height:30px}.login-help{font-size:10px;text-align:center;color:#26517f;background:#ffffff80;border-radius:6px;padding:5px;margin-top:7px}.login .error{font-size:12px;background:#fff0f0dd;text-align:left}.local-lock{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:#fff!important;text-shadow:0 1px 4px #12395c}.brand-icon{object-fit:contain;background:#fff;padding:1px}@media(max-width:600px){.login{display:block;padding:0;background:#dcefff}.login form{width:100%;max-width:none;min-height:100dvh;border:0;border-radius:0;box-shadow:none;padding:44px 28px 235px}.login-brand{margin-bottom:26px}.login-brand img{width:125px;height:108px}.login-brand h1{font-size:29px}.login-brand p{font-size:19px}.login-brand h2{font-size:17px}.login-input{margin:11px 0}.login-input input{min-height:46px}.login .primary{margin-top:18px}.login-help,.login .local-lock{font-size:10px}}@media(max-width:600px)and (max-height:750px){.login form{padding-top:25px;padding-bottom:190px}.login-brand{margin-bottom:18px}.login-brand img{height:83px}.login-brand h1{font-size:26px}.login-brand h2{margin-top:14px}}.vehicle-qr{display:flex;gap:14px;align-items:center;margin:12px 0}.vehicle-qr button{padding:0;background:#fff}.vehicle-qr p{font-size:12px;color:#70849a;max-width:150px}.catalog-group{border-top:1px solid #e5eaed;margin-top:18px;padding-top:12px}.catalog-group .section-heading{flex-wrap:wrap;gap:10px}@media(min-width:801px){:root{background:#f2f5fa;color:#19314b}aside{width:264px;background:#102c50;color:#fff;border:0;padding:32px 22px}.workspace{margin-left:264px;width:calc(100% - 264px)}.brand strong{color:#fff}.brand small{color:#b5c9e3}.brand-icon{width:49px;height:49px;border-radius:14px}.nav-label{color:#8ca8cd}nav a{color:#becfe4;padding:15px 17px;border-radius:12px}nav a:hover{background:#ffffff0c;color:#fff}nav a.active{background:#2176ee;color:#fff;box-shadow:0 6px 18px #00132f30}nav a.active svg{color:#fff}.sidebar-note{background:#ffffff0a;color:#bcd5f5;border:1px solid #ffffff12}.sidebar-note small{color:#8ca8cd}.topbar{background:#fffc;height:76px;border-bottom:1px solid #e4ebf5;padding:0 40px}.topbar>span{letter-spacing:1.2px;color:#537091}main{padding:32px 40px;max-width:1600px}.page-title{margin-bottom:28px}.page-title h1{font-size:32px;letter-spacing:-1px}.page-title p{color:#7b8da4}.hero{background:linear-gradient(115deg,#0c3768,#126cde);border-radius:22px;padding:34px 38px;box-shadow:0 12px 28px #1956a31c}.hero h2{font-size:43px;letter-spacing:-1.5px}.hero-mark{color:#c6e0ff;border-color:#ffffff26}.card{border:1px solid #e4ebf4;border-radius:17px;box-shadow:0 5px 18px #203b6305;padding:25px}.stats{gap:20px;margin:24px 0}.stat{transition:transform .15s,box-shadow .15s}.stat:hover{transform:translateY(-3px);box-shadow:0 12px 25px #213d6310}.stat h2{font-size:27px}.stat p{font-weight:600}.two-col{gap:24px}.field>span{color:#536881}.field input,.field select{border-radius:10px;border-color:#dce5f0;min-height:47px}table th{background:#f7f9fc;color:#71849b}table td{padding-top:18px;padding-bottom:18px}.catalog-group{padding:18px 0 4px}.login{background:radial-gradient(ellipse at 30% 20%,#d8eaff,#f3f7fd 65%)}}.shared-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;color:#637a95;font-size:12px}.shared-tools button{font-size:12px}.driver-shell{max-width:920px;margin:auto}.driver-header{display:flex;align-items:center;gap:14px;padding:20px;background:#fff;border-bottom:1px solid #e1e9f5}.driver-header img{width:55px;height:55px;object-fit:contain}.driver-header h2{margin:0}.driver-header button{margin-left:auto}.driver-shell main{padding:24px 16px}.driver-shell .card{margin-bottom:22px}.driver-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.driver-totals p{padding:14px;background:#edf5ff;border-radius:12px;font-size:12px}.driver-totals strong{display:block;margin-top:7px;color:#105ccc}.driver-shell .check{display:flex;gap:10px;margin:20px 0}.driver-shell .wide{margin-top:15px}@media(max-width:500px){.driver-totals{grid-template-columns:1fr}.driver-totals p{margin:0}.driver-header{padding:14px;gap:10px}.driver-header h2{font-size:17px}.driver-header button{font-size:11px;padding:8px}.shared-tools{flex-wrap:wrap}}@media(min-width:801px){.hero h2{color:#fff}.hero p,.hero span{color:#d0e4ff}}.expense-assistant{display:grid;gap:16px}.expense-assistant p{margin:0}.assistant-messages{max-height:280px;overflow:auto;display:grid;gap:12px}.assistant-bubble{padding:14px 16px;background:#eef5ff;border-radius:16px;white-space:pre-wrap}.assistant-bubble.user{background:#f1f5f9;margin-left:24px}.assistant-bubble.assistant{margin-right:24px}.assistant-bubble strong{display:block;font-size:12px;color:#3861a5;margin-bottom:5px}.assistant-draft{padding:20px;background:#f8fbff;border:1px solid #c9ddf7;border-radius:18px}.expense-assistant textarea{width:100%;resize:vertical;font:inherit;padding:12px;border:1px solid #cbd5e1;border-radius:12px}.expense-assistant audio{width:100%}@media(max-width:800px){input,select,textarea,.login-input input,.expense-assistant textarea{font-size:16px}.overlay{backdrop-filter:none;-webkit-backdrop-filter:none;z-index:1000}.modal{max-height:90dvh;overscroll-behavior:contain}.field input,.field textarea{min-width:0;touch-action:manipulation}}.driver-voice{background:#eaf6ff;border:1px solid #9fcde8;border-radius:18px;padding:18px;margin:16px 0}.driver-voice button{min-height:56px;font-size:18px;margin:6px 0;display:flex;gap:10px;align-items:center;justify-content:center}.driver-shell fieldset{border:0;padding:0;margin:0;min-width:0}