:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#102331;background:#f5f7f6;font-synthesis:none;--navy:#06283d;--navy-2:#0b3650;--teal:#008b82;--teal-dark:#006a65;--teal-soft:#e0f2ef;--ink:#102331;--muted:#63727b;--line:#dfe5e3;--paper:#fff;--amber:#c77b08;--amber-soft:#fff3dc;--red:#bc3d35;--green:#168455;--radius:10px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}a{text-decoration:none;color:inherit}.splash{min-height:100vh;display:grid;place-content:center;gap:20px;text-align:center}.logo{display:flex;align-items:center;gap:12px}.logo-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid currentColor;border-radius:9px}.logo svg{width:23px}.logo strong,.logo small{display:block}.logo strong{font-size:15px;letter-spacing:.035em}.logo small{font-size:10px;opacity:.75;margin-top:2px}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 20%,#d8efeb 0,transparent 26%),#f5f7f6}.login-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:40px;box-shadow:0 24px 70px #06283d1a;display:grid;gap:32px}.login-card h1{font-size:32px;margin:4px 0}.login-card>small{color:var(--muted);text-align:center}.stack{display:grid;gap:16px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--teal);margin:0}.muted{color:var(--muted)}.error{color:var(--red);background:#fff0ef;padding:10px 12px;border-radius:8px;margin:0}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);color:#f5fbff;padding:22px 14px 18px;display:flex;flex-direction:column;z-index:40}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 7px 22px;border-bottom:1px solid rgba(255,255,255,.12)}.sidebar nav{display:grid;gap:4px;padding-top:18px}.sidebar nav a,.logout{min-height:48px;display:flex;align-items:center;gap:13px;padding:0 13px;border-radius:8px;color:#d9e8ef;font-size:14px}.sidebar nav a svg,.logout svg{width:20px}.sidebar nav a.active{color:#fff;background:#104260;box-shadow:inset 3px 0 var(--teal)}.sidebar nav a:hover,.logout:hover{background:#ffffff12}.logout{border:0;background:transparent;margin-top:auto;width:100%;cursor:pointer}.app-content{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:20px;padding:0 28px;position:sticky;top:0;z-index:30}.workspace-select{height:48px;min-width:190px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;gap:10px;padding:5px 12px;background:#fff}.workspace-select>svg{width:19px}.workspace-select>svg:last-child{width:15px;margin-left:auto}.workspace-select span{display:grid;flex:1}.workspace-select small{font-size:10px;color:var(--muted)}.workspace-select select{border:0;background:transparent;font-weight:700;appearance:none;outline:none}.user{display:flex;align-items:center;gap:10px;padding-left:20px;border-left:1px solid var(--line)}.user>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:13px}.user strong,.user small{display:block}.user strong{font-size:13px}.user small{font-size:11px;color:var(--muted);margin-top:2px}.page{padding:28px;max-width:1720px;margin:0 auto}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.page-title h1{font-size:28px;margin:3px 0 4px;letter-spacing:-.03em}.page-title p:not(.eyebrow){margin:0;color:var(--muted);font-size:14px}.button{border:1px solid var(--line);background:#fff;min-height:42px;padding:0 16px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:750;cursor:pointer}.button svg{width:18px}.button.primary{background:var(--teal);border-color:var(--teal);color:#fff}.button.primary:hover{background:var(--teal-dark)}.button:disabled{opacity:.55}.metrics{display:grid;grid-template-columns:repeat(6,minmax(160px,1fr));gap:10px;margin-bottom:14px}.metric{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 16px;display:flex;align-items:center;gap:12px;min-width:0}.metric-icon{width:42px;height:42px;border-radius:9px;display:grid;place-items:center;color:var(--teal-dark);background:var(--teal-soft);flex:none}.metric-icon svg{width:21px}.metric small,.metric strong{display:block}.metric small{color:var(--muted);font-size:12px;margin-bottom:6px}.metric strong{font-size:18px;white-space:nowrap}.metric.warning{border-color:#e9c57f}.metric.warning .metric-icon{color:var(--amber);background:var(--amber-soft)}.metric.positive strong{color:var(--green)}.metric.danger strong{color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.8fr);gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px}.card>header{margin-bottom:16px}.card h2{font-size:15px;margin:0}.quick-actions{display:grid;gap:9px}.quick-actions a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:13px;font-size:13px;font-weight:700}.quick-actions a:hover{border-color:var(--teal);color:var(--teal-dark)}.quick-actions svg{width:18px}.mobile-earning{display:none}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.search{height:44px;width:min(540px,100%);border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;gap:10px;padding:0 13px}.search svg{width:19px;color:var(--muted)}.search input{border:0;outline:0;width:100%;background:transparent}.toolbar>strong{font-size:13px}.data-list{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.job-row{display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:76px;padding:10px 16px;border-bottom:1px solid var(--line)}.job-row:last-child{border-bottom:0}.job-row time{font-weight:800;font-size:13px;text-transform:capitalize;color:var(--navy)}.job-row>div:not(.row-end) strong,.job-row>div:not(.row-end) small{display:block}.job-row>div:not(.row-end) strong{font-size:14px}.job-row>div:not(.row-end) strong span{color:var(--teal);margin:0 5px}.job-row small{color:var(--muted);font-size:12px;margin-top:5px}.row-end{text-align:right;display:grid;justify-items:end;gap:6px}.row-end>strong{font-size:14px}.status{font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:5px;color:var(--muted)}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:#89959b}.status.paid:before{background:var(--green)}.status.recorded:before,.status.pending:before{background:var(--amber)}.status.overdue{color:var(--red)}.status.overdue:before{background:var(--red)}.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:grid;gap:7px}.field>span{font-size:12px;font-weight:750;color:#33464f}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd5d2;background:#fff;border-radius:8px;padding:11px 12px;outline:0}.field input,.field select{height:46px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #008b821f}.field.full{grid-column:1/-1}.sticky-save{margin-top:20px}.empty{min-height:230px;display:grid;place-content:center;justify-items:center;text-align:center;color:var(--muted)}.empty svg{width:40px;height:40px;stroke-width:1.3}.icon-button{border:0;background:transparent;width:42px;height:42px;display:grid;place-items:center}.icon-button svg{width:22px}.mobile-nav,.mobile-menu,.mobile-brand,.mobile-only,.backdrop{display:none}@media(max-width:1200px){.metrics{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar nav a{font-size:13px}}@media(max-width:760px){body{background:#f7f8f7}.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translate(-105%);width:min(310px,86vw);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.backdrop{display:block;position:fixed;inset:0;background:#02141f73;z-index:35;border:0}.mobile-only,.mobile-menu,.mobile-brand{display:grid}.topbar{height:64px;padding:0 14px;justify-content:space-between;gap:8px}.mobile-brand{font-weight:850;letter-spacing:-.02em}.topbar .user{display:none}.workspace-select{height:42px;min-width:0;max-width:180px;padding:4px 9px}.workspace-select>svg:first-child,.workspace-select small{display:none}.workspace-select select{font-size:13px;max-width:120px}.page{padding:20px 14px 104px}.page-title{align-items:center;margin-bottom:18px}.page-title h1{font-size:24px}.page-title p{font-size:12px}.page-title .button{width:42px;padding:0;font-size:0}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);bottom:0;left:0;right:0;height:76px;padding:6px max(8px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#fff;border-top:1px solid var(--line);z-index:32}.mobile-nav a{display:grid;justify-items:center;align-content:center;gap:3px;color:#4e606a;font-size:10px;font-weight:700}.mobile-nav svg{width:22px}.mobile-nav a.active{color:var(--teal-dark)}.mobile-nav .new-job svg{width:38px;height:38px;padding:9px;margin-top:-24px;border-radius:50%;background:var(--teal);color:#fff;box-shadow:0 6px 18px #00625d47}.desktop-finance{display:none}.mobile-earning{display:block;background:#fff;border:1px solid var(--line);padding:20px;border-radius:12px}.mobile-earning span,.mobile-earning small,.mobile-earning strong{display:block}.mobile-earning span{font-size:13px;font-weight:750}.mobile-earning strong{font-size:32px;letter-spacing:-.04em;margin:10px 0 4px}.mobile-earning small{color:var(--muted)}.toolbar{display:grid}.toolbar>strong{order:-1}.job-row{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:10px 12px}.row-end{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left}.job-row>div:not(.row-end) strong{font-size:13px}.form-card{border:0;padding:0;background:transparent}.form-grid{grid-template-columns:1fr;gap:14px}.field.full{grid-column:auto}.field input,.field select,.field textarea{background:#fff}.sticky-save{position:sticky;bottom:86px;width:100%;height:50px;box-shadow:0 8px 30px #00282633}.card{padding:14px}.login-card{padding:28px 22px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:13px}.metric strong{font-size:14px}.compact .job-row{grid-template-columns:48px minmax(0,1fr)}}.check{display:flex;align-items:center;gap:9px;min-height:46px;font-size:13px;font-weight:700}.check input{width:18px;height:18px;accent-color:var(--teal)}a.job-row:hover{background:#f8fbfa}.top-tables{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}.top-tables ol{list-style:none;padding:0;margin:0}.top-tables li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.top-tables li:last-child{border:0}.top-tables li strong{text-align:right;white-space:nowrap}@media(max-width:1200px){.top-tables{grid-template-columns:repeat(2,1fr)}}:root{--canvas:#f3efe6;--canvas-deep:#e9e2d5;--paper:#fffdf8;--line:#ddd5c8;--raised-shadow:0 2px 2px rgba(52,40,24,.08),0 10px 24px rgba(52,40,24,.1);--raised-hover:0 3px 3px rgba(52,40,24,.1),0 15px 32px rgba(52,40,24,.14)}body{background:var(--canvas)}.app-content{background:linear-gradient(145deg,var(--canvas),#f8f5ee 55%,var(--canvas-deep))}.topbar{background:#fffdf8f5;box-shadow:0 5px 18px #34281812}.sidebar{box-shadow:8px 0 28px #0319272e}.card,.metric,.mobile-earning,.data-list,.form-card,.login-card{background:var(--paper);border-color:var(--line);box-shadow:var(--raised-shadow),inset 0 1px #ffffffe6}.card,.metric,.mobile-earning,.form-card{position:relative}.card:after,.metric:after,.mobile-earning:after,.form-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border-bottom:2px solid rgba(67,49,27,.08)}.metric{min-width:0;transition:transform .18s ease,box-shadow .18s ease}.metric:hover{transform:translateY(-2px);box-shadow:var(--raised-hover),inset 0 1px #ffffffe6}.metric>div{min-width:0}.metric small{overflow-wrap:anywhere;line-height:1.25}.metric strong{font-size:clamp(14px,1.15vw,18px);max-width:100%;overflow:hidden;text-overflow:ellipsis}.metric-icon,.logo-mark{box-shadow:inset 0 1px 1px #ffffffbf,0 3px #004d4938,0 8px 15px #00504c29}.button,.quick-actions a{box-shadow:0 3px #c9c0b2,0 8px 15px #3428181a,inset 0 1px #ffffffd9;transition:transform .14s ease,box-shadow .14s ease}.button.primary,.mobile-nav .new-job svg{box-shadow:0 4px #005d58,0 10px 20px #005d583d,inset 0 1px #ffffff47}.button:hover,.quick-actions a:hover{transform:translateY(-1px);box-shadow:0 4px #c9c0b2,0 12px 20px #34281821}.button:active,.quick-actions a:active{transform:translateY(2px);box-shadow:0 1px #c9c0b2,0 4px 8px #3428181a}.button.primary:active{box-shadow:0 1px #005d58,0 4px 8px #005d582e}.chart-card{overflow:hidden}.chart-card .recharts-wrapper{border-radius:8px;background:linear-gradient(180deg,#fffefb,#f4efe5);box-shadow:inset 0 2px 7px #34281814,inset 0 -1px #ffffffe6}.recharts-bar-rectangle path{filter:drop-shadow(3px 4px 2px rgba(0,54,52,.2))}.recharts-line-curve{filter:drop-shadow(0 3px 2px rgba(0,139,130,.22))}.workspace-select,.search,.field input,.field select,.field textarea{background:#fffefa;border-color:#d5ccbe;box-shadow:inset 0 2px 4px #3428180f,0 1px #fff}.job-row,.job-row>div,.top-tables .card{min-width:0}.job-row strong,.job-row small,.top-tables li span{overflow-wrap:anywhere}.top-tables li span{min-width:0}.quick-actions a{min-width:0;line-height:1.25}@media(max-width:1380px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{padding:15px 13px}}@media(max-width:980px)and (min-width:761px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.page{padding:22px 18px}.topbar{padding:0 18px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.top-tables{grid-template-columns:1fr 1fr}.sidebar nav a{padding:0 10px;gap:9px;overflow-wrap:anywhere;line-height:1.2}}@media(max-width:760px){.app-content{background:linear-gradient(155deg,var(--canvas),#faf7f0 60%,var(--canvas-deep))}.topbar{box-shadow:0 5px 16px #34281817}.page-title>div{min-width:0}.page-title h1,.page-title p{overflow-wrap:anywhere}.mobile-earning strong{font-size:clamp(25px,8.5vw,34px);overflow-wrap:anywhere}.job-row{grid-template-columns:44px minmax(0,1fr);width:100%}.row-end{min-width:0;gap:8px}.row-end>strong{font-size:clamp(12px,3.7vw,14px);white-space:normal;overflow-wrap:anywhere}.form-grid>*{min-width:0}.field input,.field select,.field textarea{font-size:16px}.mobile-nav a{min-width:0;line-height:1.1}.mobile-nav a span{font-size:clamp(8px,2.6vw,10px);max-width:100%;overflow-wrap:anywhere}}@media(max-width:420px){.metrics{grid-template-columns:1fr}.topbar{padding-inline:8px}.workspace-select{max-width:150px}.workspace-select select{max-width:98px}.page,.job-row{padding-inline:10px}.mobile-nav{padding-inline:3px}}@media(max-width:760px){.page{padding-bottom:88px}.mobile-nav{height:66px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -5px 18px #34281817}.mobile-nav a{height:54px;grid-template-rows:32px 14px;align-content:center;gap:2px;border-radius:12px;transition:color .16s ease,background .16s ease}.mobile-nav a.active{background:#008b8212}.mobile-nav svg{width:21px;height:21px}.mobile-nav .new-job svg{width:34px;height:34px;padding:8px;margin:0;border-radius:50%;background:var(--teal);color:#fff;box-shadow:0 3px #005d58,0 7px 14px #005d5833,inset 0 1px #ffffff47}.mobile-nav .new-job.active{background:transparent}.mobile-nav .new-job span{font-weight:800;color:var(--teal-dark)}}@media(prefers-reduced-motion:reduce){.metric,.button,.quick-actions a,.sidebar{transition:none}}.form-section{padding:18px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#fffefb,#f5efe5);box-shadow:inset 0 1px #fff,0 4px #55402414,0 10px 22px #34281812;margin-bottom:20px;min-width:0}.form-section>header{display:flex;align-items:center;gap:10px;margin-bottom:18px}.form-section>header>span{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:var(--teal-dark);background:var(--teal-soft);box-shadow:0 3px #005d582e}.form-section>header svg{width:19px}.form-section h2{font-size:16px;margin:0}.field small{font-size:11px;color:var(--muted);line-height:1.35;overflow-wrap:anywhere}.dynamic-field{display:grid;gap:9px}.inline-control{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px}.danger-button{color:var(--red);border:1px solid #e7c4bf;border-radius:8px;background:#fff8f6;box-shadow:0 2px #dfb7b1}.danger-button svg{width:18px}.compact-button{width:max-content;max-width:100%;min-height:38px;font-size:12px}.button.secondary{background:#fffdf8}.cost-row{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(160px,1.3fr) minmax(120px,.7fr) minmax(140px,.8fr) minmax(130px,.8fr) 44px;align-items:end;gap:10px;padding:14px;margin-bottom:12px;border:1px solid var(--line);border-radius:10px;background:#fffdf8;box-shadow:0 3px #4a382014}.cost-delete{margin-bottom:1px}.success-message{display:flex;align-items:center;gap:9px;color:var(--green);background:#eaf7ef;border:1px solid #badfc9;padding:12px 14px;border-radius:10px;box-shadow:0 3px #b7d9c3}.success-message svg{width:20px}.filter-card h2,.invoice-composer h2{display:flex;align-items:center;gap:8px}.filter-card h2 svg,.invoice-composer h2 svg{width:19px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.split-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.split-header small,.invoice-composer header small{display:block;color:var(--muted);margin-top:5px}.settlement-list,.invoice-list{display:grid;gap:9px}.settlement-row{display:grid;grid-template-columns:22px 92px minmax(190px,1.5fr) minmax(110px,.7fr) 92px auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fffefa;box-shadow:0 3px #4a382012;min-width:0}.settlement-row.selected{border-color:var(--teal);background:#f1faf8;box-shadow:0 3px #00706940,0 9px 18px #005a5414}.settlement-row time{font-size:12px;font-weight:800}.settlement-main,.settlement-money{min-width:0}.settlement-main strong,.settlement-main small,.settlement-money strong,.settlement-money small{display:block;overflow-wrap:anywhere}.settlement-main small,.settlement-money small{font-size:11px;color:var(--muted);margin-top:4px}.settlement-money{text-align:right}.row-check{width:18px;height:18px;accent-color:var(--teal)}.icon-action{font-size:11px;min-height:36px;padding-inline:10px}.invoice-composer{position:sticky;bottom:16px;z-index:12;border-color:#8fc9c4;box-shadow:0 5px #005d5833,0 18px 40px #273d382e}.invoice-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(150px,.8fr) 100px minmax(230px,auto);align-items:center;gap:14px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fffefa;box-shadow:0 3px #4a382012;min-width:0}.invoice-row>div{min-width:0}.invoice-row strong,.invoice-row small{display:block;overflow-wrap:anywhere}.invoice-row small{font-size:11px;color:var(--muted);margin-top:4px}.pay-action{display:flex;align-items:center;justify-content:flex-end;gap:8px}.pay-action select{height:40px;min-width:120px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 8px}.status.not_invoiced:before{background:var(--amber)}.status.invoiced:before,.status.issued:before{background:#2c74b5}.status.settled:before{background:var(--green)}@media(max-width:1300px){.cost-row{grid-template-columns:repeat(2,minmax(0,1fr)) 44px}.cost-delete{grid-column:3;grid-row:1}.settlement-row{grid-template-columns:22px 80px minmax(170px,1fr) minmax(100px,.5fr) 88px}.settlement-row .icon-action{grid-column:3/-1;justify-self:end}.invoice-row{grid-template-columns:minmax(170px,1fr) minmax(150px,.8fr) 90px}.pay-action{grid-column:1/-1}}@media(max-width:900px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settlement-row{grid-template-columns:22px 74px minmax(0,1fr) auto}.settlement-money{grid-column:3;text-align:left}.settlement-row>.status{grid-column:4;grid-row:1}.settlement-row .icon-action{grid-column:3/-1}.invoice-row{grid-template-columns:minmax(0,1fr) auto}.invoice-row>.status{justify-self:end}.pay-action{grid-column:1/-1}.invoice-composer{position:relative;bottom:auto}}@media(max-width:760px){.work-form{padding-bottom:10px}.form-section{padding:14px 11px;margin-bottom:14px}.form-section>header{margin-bottom:14px}.cost-row{grid-template-columns:minmax(0,1fr) 42px;padding:11px}.cost-row>.field{grid-column:1/-1}.cost-row>.cost-delete{grid-column:2;grid-row:1}.filter-grid{grid-template-columns:1fr}.split-header{align-items:flex-start}.split-header .button{font-size:0;width:42px;padding:0;flex:none}.settlement-row{grid-template-columns:22px minmax(0,1fr) auto;gap:8px;padding:11px}.settlement-row time{grid-column:2}.settlement-main{grid-column:2/-1}.settlement-money{grid-column:2}.settlement-row>.status{grid-column:3;grid-row:1}.settlement-row .icon-action{grid-column:2/-1;width:100%;font-size:11px}.invoice-row{grid-template-columns:minmax(0,1fr) auto;padding:11px}.invoice-row>div:nth-child(2){grid-column:1}.pay-action{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%}.pay-action select{width:100%;min-width:0}.invoice-composer .button.primary{width:100%;line-height:1.25;padding:10px}.compact-button{white-space:normal}.inline-control{grid-template-columns:minmax(0,1fr) 42px}}@media(max-width:360px){.form-section{padding-inline:9px}.settlement-row{grid-template-columns:20px minmax(0,1fr) auto;padding-inline:8px}.invoice-row{padding-inline:8px}.pay-action{grid-template-columns:1fr}.pay-action .button{width:100%}}.page-actions,.jobs-toolbar,.jobs-toolbar-actions{display:flex;align-items:center;gap:9px}.page-actions{flex-wrap:wrap;justify-content:flex-end}.jobs-toolbar{justify-content:space-between;gap:14px;margin:-8px 0 10px}.jobs-toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.jobs-toolbar strong{font-size:13px;color:var(--muted)}.selection-hint{display:flex;align-items:center;gap:8px;margin:0 0 9px;padding:8px 10px;background:var(--amber-soft);border:1px solid #efd79c;border-radius:8px;font-size:12px;color:#74500d}.selection-hint svg{width:17px}.button.danger{color:#fff;background:var(--red);border-color:var(--red)}.button.ghost-danger{color:var(--red);border-color:#efc7c3;background:#fff}.dense-job-list{display:grid;gap:5px}.dense-job-row{position:relative;display:flex;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 2px #06283d06;min-width:0}.dense-job-row.is-selected{border-color:var(--teal);background:#f4fcfa}.dense-job-content{border:0;background:transparent;text-align:left;cursor:pointer;min-width:0;flex:1;padding:7px 38px 7px 10px}.job-primary-line{display:grid;grid-template-columns:64px 82px minmax(170px,2fr) minmax(150px,1.2fr) 120px auto;gap:8px;align-items:center;min-width:0;font-size:12px}.job-primary-line time{font-weight:800;text-transform:capitalize;white-space:nowrap}.job-time{display:inline-flex;gap:4px;align-items:center;white-space:nowrap;color:var(--muted)}.job-time svg,.job-route svg{width:14px;height:14px;flex:none}.job-route,.job-customer{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-route{display:flex;gap:5px;align-items:center;font-size:13px}.job-customer{color:var(--muted)}.job-total{justify-self:end;white-space:nowrap;font-size:13px}.job-secondary-line{display:flex;flex-wrap:wrap;gap:2px 11px;color:var(--muted);font-size:11px;line-height:1.45;margin-top:3px}.job-secondary-line span{min-width:0}.job-secondary-line b{color:var(--ink);font-weight:720}.job-note{max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-edit-button{position:absolute;right:8px;top:8px;width:27px;height:27px;opacity:.7}.job-edit-button svg{width:15px}.row-selector{display:grid;place-items:center;padding-left:9px}.row-selector input{width:17px;height:17px;accent-color:var(--teal)}.dialog-backdrop{position:fixed;inset:0;background:#041a2673;display:grid;place-items:center;padding:14px;z-index:80}.job-dialog,.editor-page{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 80px #041a263b}.job-dialog{width:min(1160px,100%);max-height:calc(100dvh - 28px);overflow:auto}.job-dialog-header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid var(--line)}.job-dialog h2{font-size:18px;margin:0}.job-dialog-header small{color:var(--muted);font-size:11px}.job-editor-form{padding:10px 14px 14px;display:grid;gap:7px}.editor-page{padding:16px}.editor-section{border:1px solid var(--line);border-radius:8px;background:#fbfcfc}.editor-section summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px;padding:7px 9px;font-size:13px}.editor-section summary::-webkit-details-marker{display:none}.editor-section summary span{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:var(--teal-soft);color:var(--teal-dark)}.editor-section summary svg{width:14px}.editor-section-content{padding:0 9px 9px}.editor-grid{display:grid;gap:7px}.grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-field{gap:3px}.compact-field>span{font-size:10px}.compact-field input,.compact-field select,.compact-field textarea,.cost-editor input,.cost-editor select{min-height:32px;padding:5px 7px;font-size:12px;border-radius:6px}.compact-field textarea{min-height:auto;resize:vertical}.waypoint-strip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px;font-size:12px}.waypoint-item{display:flex;border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden}.waypoint-item input{border:0;min-width:110px;width:140px;padding:5px 7px;font-size:12px}.waypoint-item button,.cost-editor-row button{border:0;background:#fff;color:var(--red);display:grid;place-items:center;cursor:pointer}.waypoint-item button svg,.cost-editor-row button svg{width:15px}.text-action{border:0;background:transparent;color:var(--teal-dark);font-weight:750;display:inline-flex;align-items:center;gap:5px;padding:4px 2px;cursor:pointer;font-size:12px}.text-action svg{width:15px}.cost-editor{display:grid;gap:5px;margin-top:8px}.cost-editor-row{display:grid;grid-template-columns:120px minmax(120px,1fr) 105px 120px 145px 28px;gap:6px;align-items:center}.editor-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;margin-top:3px}.editor-loading{padding:30px;text-align:center}.partner-layout{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(0,1fr);gap:14px;align-items:start}.partner-list,.partner-form{margin:0}.partner-item{width:100%;border:0;border-top:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:10px;padding:10px;text-align:left;cursor:pointer}.partner-item>span{display:grid;place-items:center;width:33px;height:33px;color:var(--teal-dark);background:var(--teal-soft);border-radius:7px}.partner-item span svg,.partner-item>svg{width:17px}.partner-item>div{min-width:0;flex:1}.partner-item strong,.partner-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-item small{font-size:11px;color:var(--muted);margin-top:3px}.partner-form{display:grid;gap:10px}.partner-form>header{display:flex;justify-content:space-between;align-items:center}.partner-form h2{margin:0;font-size:17px}.partner-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.partner-form footer{display:flex;justify-content:flex-end}@media(max-width:900px){.job-primary-line{grid-template-columns:64px 76px minmax(130px,1fr) 105px auto}.job-customer{display:none}.grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-editor-row{grid-template-columns:110px minmax(110px,1fr) 90px 105px 28px}.cost-editor-row input:nth-of-type(2){display:none}.partner-layout{grid-template-columns:1fr}.partner-form{order:-1}}@media(max-width:620px){.page-title{align-items:flex-start;flex-direction:column;margin-bottom:14px}.page-actions{width:100%;justify-content:stretch}.page-actions .button{flex:1;padding:0 10px;font-size:12px}.jobs-toolbar{align-items:stretch;flex-direction:column;margin:0 0 9px}.jobs-toolbar-actions{justify-content:space-between}.jobs-toolbar-actions .button{min-height:34px;font-size:12px}.dense-job-content{padding:7px 34px 7px 8px}.job-primary-line{grid-template-columns:57px 72px minmax(0,1fr) auto;gap:5px}.job-route,.job-total{font-size:12px}.job-primary-line .status{display:none}.job-secondary-line{gap:1px 8px;font-size:10px}.job-note{max-width:190px}.job-dialog{width:100%;max-height:100dvh;border-radius:0}.dialog-backdrop{padding:0}.job-editor-form{padding:8px}.grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.waypoint-item input{width:108px;min-width:0}.cost-editor-row{grid-template-columns:1fr 1.2fr 78px 28px}.cost-editor-row select:nth-of-type(2),.cost-editor-row input:nth-of-type(2){display:none}.editor-actions{grid-template-columns:1fr 1fr}.editor-actions span{display:none}.editor-actions .button{min-width:0;padding:0 8px;font-size:12px}.partner-fields{grid-template-columns:1fr}}@media(max-width:390px){.job-primary-line{grid-template-columns:52px 67px minmax(0,1fr) auto}.job-time svg{display:none}.job-secondary-line span:nth-child(n+7){display:none}.job-total{font-size:11px}.row-selector{padding-left:6px}.job-dialog-header{padding:10px}.compact-field input,.compact-field select{font-size:11px}.grid-four{grid-template-columns:1fr 1fr}}.jobs-toolbar{margin:2px 0 16px}.dense-job-list{gap:10px}.dense-job-row{min-height:82px;border-radius:12px;box-shadow:0 4px 12px #06283d0f}.dense-job-content{padding:12px 46px 12px 14px}.job-primary-line{grid-template-columns:76px 98px minmax(260px,2fr) minmax(180px,1.1fr) 130px auto;gap:12px}.job-secondary-line{gap:7px 9px;margin-top:9px}.job-secondary-line span{padding:3px 7px;border-radius:999px;background:#eef4f2;box-shadow:inset 0 1px #fffffff2,0 1px 2px #06283d14}.job-secondary-line span:nth-child(2){background:#e8f1fb}.job-secondary-line span:nth-child(3){background:#edf7ed}.job-secondary-line span:nth-child(4){background:#fff3dc}.job-secondary-line span:nth-child(5),.job-secondary-line span:nth-child(6){background:#f5edf9}.history-icons{display:flex;gap:5px}.history-icons .icon-button{width:38px;height:38px;border:1px solid var(--line);background:#fff;box-shadow:0 3px #06283d1f}.history-icons .icon-button:disabled{opacity:.42}@media(max-width:900px){.job-primary-line{grid-template-columns:65px 82px minmax(160px,1fr) 125px auto}}@media(max-width:620px){.dense-job-row{min-height:94px}.dense-job-content{padding:10px 38px 10px 10px}.job-secondary-line{margin-top:7px;gap:5px}.job-secondary-line span{padding:2px 5px}.history-icons .icon-button{width:34px;height:34px}}.job-reference-layout{display:grid;grid-template-columns:74px 102px minmax(250px,2.2fr) auto auto minmax(110px,.75fr) minmax(110px,.75fr) auto auto 108px auto;align-items:center;gap:14px;min-height:80px;padding:12px 46px 12px 14px}.job-reference-layout>*{min-width:0}.job-reference-layout .job-date{font-size:12px;font-weight:800;text-transform:capitalize;white-space:nowrap}.job-reference-layout .job-time{font-size:12px}.job-reference-layout .job-route{font-size:13px}.job-reference-layout .job-customer,.job-reference-layout .job-contractor{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#596b75}.job-reference-layout .job-bubble{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;font-size:11px;line-height:1.1;white-space:nowrap;box-shadow:inset 0 1px #ffffffeb,0 2px 3px #06283d17}.job-reference-layout .billing-bubble{background:#edf5f2;color:#426572}.job-reference-layout .payment-bubble{background:#e8f1fb;color:#42637c}.job-reference-layout .cost-bubble{justify-self:end;background:#f5edf9;color:#6d5279}.job-reference-layout .tip-bubble{justify-self:end;background:#fff3dc;color:#8c6420}.job-reference-layout .job-total{font-size:13px;white-space:nowrap;text-align:right}.job-reference-layout .status{white-space:nowrap}@media(max-width:1480px){.job-reference-layout{grid-template-columns:66px 94px minmax(210px,2fr) auto auto minmax(95px,.7fr) minmax(95px,.7fr) auto 100px auto;gap:10px}.job-reference-layout .tip-bubble{display:none}}@media(max-width:1180px){.job-reference-layout{grid-template-columns:66px 90px minmax(185px,1.7fr) auto auto minmax(100px,.8fr) 105px auto;gap:9px}.job-reference-layout .job-contractor,.job-reference-layout .cost-bubble{display:none}}@media(max-width:760px){.job-reference-layout{grid-template-columns:56px 82px minmax(0,1fr) auto;gap:6px;min-height:94px;padding:10px 38px 10px 10px}.job-reference-layout .job-route{font-size:12px}.job-reference-layout .billing-bubble,.job-reference-layout .payment-bubble{grid-row:2}.job-reference-layout .job-customer{grid-column:1/3;grid-row:3}.job-reference-layout .job-total{grid-column:4;grid-row:2/4;align-self:center}.job-reference-layout .status{display:none}}.dense-job-list{gap:4px}.dense-job-row{min-height:64px;border-radius:10px}.job-reference-layout{grid-template-columns:78px 116px minmax(320px,2.15fr) 132px 132px minmax(118px,.78fr) minmax(118px,.78fr) 160px 126px 82px 102px;gap:8px;min-height:64px;padding:8px 42px 8px 14px}.job-reference-layout .job-bubble{justify-self:stretch;width:auto;padding-top:2px;padding-bottom:2px}.job-reference-layout .cost-bubble,.job-reference-layout .tip-bubble{justify-self:stretch}.job-reference-layout .status{order:10;justify-self:end}.job-reference-layout .job-total{order:11;justify-self:end}.job-edit-button{top:50%;transform:translateY(-50%)}@media(max-width:1480px){.job-reference-layout{grid-template-columns:70px 102px minmax(245px,1.9fr) 126px 126px minmax(105px,.7fr) minmax(105px,.7fr) 150px 118px 72px 94px;gap:6px}}@media(max-width:1180px){.job-reference-layout{grid-template-columns:66px 92px minmax(195px,1.65fr) 120px 120px minmax(100px,.75fr) 132px 70px 92px;gap:5px}.job-reference-layout .job-contractor,.job-reference-layout .cost-bubble{display:none}}@media(max-width:760px){.dense-job-list{gap:5px}.dense-job-row{min-height:88px}.job-reference-layout{grid-template-columns:56px 82px minmax(0,1fr) auto;gap:6px;min-height:88px;padding:9px 38px 9px 10px}.job-reference-layout .status,.job-reference-layout .job-total{order:initial}.job-edit-button{top:50%;transform:translateY(-50%)}}.partner-name-bubble{display:inline-block;padding:3px 8px;border-radius:999px;box-shadow:inset 0 1px #fffc,0 2px 3px #06283d1f}.job-list-partner-bubble{display:inline-block;padding:2px 8px;border-radius:999px;box-shadow:inset 0 1px #ffffffe6,0 2px 3px #06283d1a}.admin-settings{max-width:760px}.admin-settings h2{display:flex;gap:8px;align-items:center}.admin-settings h2 svg{width:18px}.admin-color-row,.admin-add{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.admin-color-row input[type=color],.admin-add input[type=color]{width:46px;height:34px;padding:2px}.admin-preview{padding:7px 10px;border-radius:999px;box-shadow:inset 0 1px #fff,0 2px 3px #06283d1f;font-weight:700;font-size:12px}.admin-add{grid-template-columns:1fr 1fr 52px auto;margin-top:12px}.admin-add input:not([type=color]),.admin-color-row input:not([type=color]){height:38px;border:1px solid var(--line);border-radius:7px;padding:0 9px}@media(max-width:620px){.admin-add{grid-template-columns:1fr 1fr}.admin-add input[type=color]{grid-column:1}.admin-add button{grid-column:2}}.admin-settings{max-width:620px;padding:12px}.admin-settings header{margin-bottom:7px}.admin-color-row{grid-template-columns:minmax(0,1fr) 38px;padding:4px 0;gap:7px}.admin-color-row input[type=color],.admin-add input[type=color]{width:34px;height:28px}.admin-preview{padding:5px 8px}.admin-add{grid-template-columns:1fr 1fr 38px auto;margin-top:6px;gap:6px}.admin-add input:not([type=color]),.admin-color-row input:not([type=color]){height:32px}.admin-settings h2{font-size:14px}@media(max-width:760px){.dense-job-row{min-height:0}.job-reference-layout{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto auto auto auto;gap:7px 9px;min-height:0;padding:11px 42px 11px 12px;align-items:center}.job-reference-layout .job-date{grid-column:1;grid-row:1;font-size:12px}.job-reference-layout .job-time{grid-column:2;grid-row:1;font-size:12px;overflow:visible}.job-reference-layout .job-total{grid-column:3;grid-row:1;align-self:center;font-size:14px}.job-reference-layout .job-route{grid-column:1/-1;grid-row:2;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35;font-size:13px;min-height:18px}.job-reference-layout .billing-bubble{grid-column:1;grid-row:3}.job-reference-layout .payment-bubble{grid-column:2/-1;grid-row:3}.job-reference-layout .job-customer{display:block;grid-column:1/3;grid-row:4;white-space:normal;overflow:visible;text-overflow:clip;color:var(--muted)}.job-reference-layout .job-contractor{display:block;grid-column:3;grid-row:4;white-space:normal;overflow:visible;text-align:right}.job-reference-layout .cost-bubble{display:inline-flex;grid-column:1/3;grid-row:5;justify-self:start}.job-reference-layout .tip-bubble{display:inline-flex;grid-column:3;grid-row:5;justify-self:end}.job-reference-layout .status{display:inline-flex;grid-column:1/-1;grid-row:6;justify-self:start}.job-reference-layout .job-bubble{width:auto;max-width:100%;padding:4px 7px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-list-partner-bubble{padding:3px 6px;font-size:10px;white-space:nowrap}.job-edit-button{right:6px;width:32px;height:32px}}.collapsible-filter{padding:0}.collapsible-filter>summary{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;font-weight:800;color:var(--ink);list-style:none}.collapsible-filter>summary::-webkit-details-marker{display:none}.collapsible-filter>summary:after{content:"⌄";margin-left:auto;font-size:18px;color:var(--muted)}.collapsible-filter[open]>summary{border-bottom:1px solid var(--line)}.collapsible-filter[open]>summary:after{transform:rotate(180deg)}.collapsible-filter .filter-grid{padding:12px 16px 16px}.vehicle-add{grid-template-columns:minmax(180px,1.5fr) minmax(110px,.7fr) minmax(130px,.8fr) minmax(130px,.7fr) auto}.vehicle-list{display:grid;gap:6px;margin-top:12px}.vehicle-list article{display:grid;grid-template-columns:1.2fr .7fr .8fr 1fr;gap:10px;align-items:center;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff}.vehicle-list span,.vehicle-list small{color:var(--muted)}@media(max-width:900px){.vehicle-add,.vehicle-list article{grid-template-columns:1fr 1fr}.vehicle-add .button{grid-column:1/-1}}@media(max-width:760px){.job-dialog-header{padding:11px 12px}.job-dialog h2{font-size:17px}.job-editor-form{padding:7px 8px 10px;gap:6px}.editor-section{border-radius:9px}.editor-section summary{padding:7px 8px}.editor-section-content{padding:0 8px 8px}.grid-four{grid-template-columns:1fr!important;gap:7px}.compact-field{gap:2px}.compact-field>span{font-size:11px}.compact-field input,.compact-field select,.compact-field textarea{min-height:34px;height:34px;padding:5px 8px;font-size:13px}.compact-field textarea{height:auto;min-height:54px}.waypoint-strip{margin-top:6px;gap:5px}.waypoint-item{width:100%}.waypoint-item input{width:100%;min-width:0}.cost-editor-row{grid-template-columns:1fr!important;gap:6px;padding:7px;border:1px solid var(--line);border-radius:7px}.cost-editor-row input:nth-of-type(2),.cost-editor-row select:nth-of-type(2){display:block}.editor-actions{position:sticky;bottom:0;background:var(--paper);padding:8px 0 2px;grid-template-columns:1fr 1fr!important;gap:8px;z-index:3}.editor-actions span{display:none}.editor-actions .button{width:100%;min-width:0;padding:0 8px;min-height:42px;font-size:13px}.editor-actions .button.primary{grid-column:1/-1}.job-reference-layout .job-customer{grid-column:3;grid-row:4;text-align:right}.job-reference-layout .job-contractor{grid-column:1/3;grid-row:4;text-align:left}.job-reference-layout .status{grid-column:1/3;grid-row:6}.job-reference-layout .job-total{grid-column:3;grid-row:6;justify-self:end;align-self:center}.job-reference-layout .cost-bubble{grid-column:1/3;grid-row:5}.job-reference-layout .tip-bubble{grid-column:3;grid-row:5}}html,body,#root{max-width:100%;overflow-x:hidden}.basic-job-top{display:grid;grid-template-columns:150px minmax(230px,1fr);gap:7px;align-items:end}.basic-job-top>.field:last-child{grid-column:1/-1}.time-input-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0}.time-input-row>.field{min-width:0}.basic-job-followup{margin-top:7px}.autocomplete-field{position:relative;min-width:0}.autocomplete-field>label{font-size:10px;font-weight:750;color:#33464f}.autocomplete-menu{position:absolute;z-index:80;top:calc(100% + 3px);left:0;right:0;display:flex;flex-direction:column;max-height:220px;overflow-y:auto;padding:4px;background:#fffdf8;border:1px solid #cfc7ba;border-radius:10px;box-shadow:0 12px 28px #082a3533}.autocomplete-menu button{display:block;width:100%;min-height:36px;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:#142d3a;text-align:left;font:inherit;cursor:pointer}.autocomplete-menu button:hover,.autocomplete-menu button.active{background:#dff2ee;color:#006f69}.autocomplete-waypoint{overflow:visible;border:0;background:transparent;align-items:end}.autocomplete-waypoint>.autocomplete-field{flex:1}.autocomplete-waypoint>.autocomplete-field>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.autocomplete-waypoint>button{height:32px;width:32px;border:1px solid var(--line);border-radius:6px}.external-performer-field{grid-column:auto}@media(max-width:760px){body{overscroll-behavior-x:none}.dialog-backdrop,.job-dialog,.job-editor-form,.editor-section,.editor-section-content,.editor-grid,.grid-four,.field,.editor-section input,.editor-section select,.editor-section textarea{min-width:0;max-width:100%}.job-dialog{overflow-x:hidden}.dialog-backdrop{overflow-x:hidden;touch-action:pan-y}.basic-job-top{grid-template-columns:1fr}.basic-job-top>.field:first-child{grid-column:1;max-width:132px}.basic-job-top>.time-input-row,.basic-job-top>.field:last-child{grid-column:1}.time-input-row>.field{width:100%;max-width:100%}.basic-job-followup{grid-template-columns:1fr!important;margin-top:7px}.basic-job-followup>*{grid-column:1/-1!important;width:100%!important;max-width:100%!important;order:initial!important}}.mobile-dashboard-breakdown,.mobile-worker-breakdown{display:none}@media(max-width:760px){.mobile-dashboard-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.mobile-dashboard-breakdown .metric{min-height:76px;padding:10px}.mobile-dashboard-breakdown .metric-icon{width:32px;height:32px}.mobile-dashboard-breakdown .metric-icon svg{width:17px}.mobile-dashboard-breakdown .metric small{font-size:10px;margin-bottom:3px}.mobile-dashboard-breakdown .metric strong{font-size:13px}.mobile-dashboard-breakdown .metric:last-child{grid-column:1/-1}.mobile-worker-breakdown{display:grid;gap:8px;margin-top:10px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:12px}.mobile-worker-breakdown h2{margin:0;font-size:14px}.mobile-worker-breakdown article{display:grid;gap:3px;padding:8px 0;border-top:1px solid var(--line)}.mobile-worker-breakdown article:first-of-type{border-top:0}.mobile-worker-breakdown span{font-size:13px;font-weight:750}.mobile-worker-breakdown small{color:var(--muted);font-size:11px;line-height:1.4}}@media(max-width:760px){.field input,.field select,.field textarea,.editor-section input,.editor-section select,.editor-section textarea,.compact-field input,.compact-field select,.compact-field textarea{font-size:16px!important}}@media(min-width:761px){.dense-job-list{gap:4px}.dense-job-row{box-shadow:0 3px #4a38201a,0 8px 18px #34281814}.job-reference-layout{min-height:54px;padding-top:6px;padding-bottom:6px}}.jobs-filter-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:0 0 10px;padding:8px;background:#fffdf8d1;border:1px solid var(--line);border-radius:9px;box-shadow:0 3px 10px #3428180f}.filter-field{display:grid;gap:3px;min-width:0}.filter-field span{font-size:10px;font-weight:800;color:var(--muted)}.filter-field input,.filter-field select{height:32px;min-width:0;width:100%;border:1px solid var(--line);border-radius:6px;background:#fffefa;padding:0 7px;font-size:11px}.filter-reset{align-self:end;min-height:32px;padding:0 8px;font-size:11px;white-space:nowrap}.job-summary{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:7px;margin-top:10px}.job-summary article{min-width:0;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 3px 9px #34281812}.job-summary small,.job-summary strong{display:block}.job-summary small{font-size:10px;color:var(--muted);margin-bottom:3px}.job-summary strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(min-width:761px){.app-shell{align-items:start}.sidebar{position:sticky;top:0;align-self:start;height:100dvh;max-height:100dvh;overflow:hidden}.dense-job-row{min-height:52px}.job-reference-layout{min-height:52px;padding-top:3px;padding-bottom:3px}}@media(max-width:1480px)and (min-width:761px){.jobs-filter-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}.job-summary{grid-template-columns:repeat(3,minmax(120px,1fr))}}@media(max-width:760px){.jobs-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:7px}.filter-reset{grid-column:1/-1}.job-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.job-summary article{padding:7px 8px}}.invoice-actions{display:flex;align-items:center;gap:5px}.invoice-actions .icon-button{width:30px;height:30px}.danger-icon{color:var(--red)}.invoice-edit-dialog{max-width:480px}.settlement-list,.invoice-list{gap:4px}.settlement-row,.invoice-row{min-height:52px;padding:4px 10px;border-radius:10px;background:#fff;border:1px solid var(--line);box-shadow:0 3px #4a38201a,0 8px 18px #34281814}.settlement-row{grid-template-columns:22px 70px minmax(220px,2fr) minmax(140px,1fr) auto auto;gap:8px}.settlement-main small,.settlement-money small,.invoice-row small{margin-top:2px;font-size:10px}.settlement-main strong,.settlement-money strong,.invoice-row strong{font-size:12px}.invoice-row{grid-template-columns:minmax(180px,1.3fr) minmax(130px,.8fr) auto auto minmax(220px,auto);gap:8px}.invoice-row .status{font-size:10px}.invoice-row .pay-action select{height:32px}.filter-card{padding:10px 12px;margin-bottom:10px}.filter-card>header{margin-bottom:8px}.filter-grid{gap:7px}.filter-grid .field{gap:3px}.filter-grid .field>span{font-size:10px}.filter-grid input,.filter-grid select{min-height:32px;height:32px;padding:4px 7px;font-size:11px}.invoice-composer{padding:10px}@media(max-width:1300px)and (min-width:761px){.settlement-row{grid-template-columns:22px 66px minmax(170px,1fr) minmax(110px,.7fr) auto}.invoice-row{grid-template-columns:minmax(160px,1fr) minmax(120px,.8fr) auto auto}.invoice-row .pay-action{grid-column:auto}}@media(max-width:760px){.settlement-row,.invoice-row{min-height:50px;padding:6px 8px}.settlement-row,.invoice-row{gap:6px}.settlement-main strong,.settlement-money strong,.invoice-row strong{font-size:11px}.settlement-main small,.settlement-money small,.invoice-row small{font-size:9px}.invoice-actions .icon-button{width:28px;height:28px}}@media(min-width:761px){.app-shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;height:100dvh;max-height:100dvh;overflow:hidden}.app-content{margin-left:252px;min-height:100vh}}@media(min-width:761px){.app-shell{display:block}.sidebar{position:fixed!important;inset:0 auto 0 0;width:252px;height:100dvh;max-height:100dvh;overflow:hidden}.app-content{margin-left:252px;min-height:100vh}}@media(max-width:1200px)and (min-width:981px){.sidebar{width:220px}.app-content{margin-left:220px}}@media(max-width:980px)and (min-width:761px){.sidebar{width:205px}.app-content{margin-left:205px}}.jobs-compatible-row{position:relative;display:grid;grid-template-columns:78px 116px minmax(320px,2.15fr) 132px 132px minmax(118px,.78fr) minmax(118px,.78fr) 160px 126px 82px 102px;align-items:center;gap:8px;min-height:52px;padding:3px 42px 3px 40px}.jobs-compatible-row>*{min-width:0}.jobs-compatible-row .row-selector{position:absolute;left:10px;top:50%;z-index:1;padding:0;transform:translateY(-50%)}.jobs-compatible-row .job-route,.jobs-compatible-row .job-customer,.jobs-compatible-row .job-contractor{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jobs-compatible-row .job-bubble{justify-self:stretch;width:auto}.jobs-compatible-row .job-total{text-align:right;white-space:nowrap}.jobs-compatible-row .status{white-space:nowrap}.jobs-compatible-row .icon-action{font-size:10px;min-height:28px;padding:0 5px}@media(max-width:1480px)and (min-width:1181px){.jobs-compatible-row{grid-template-columns:70px 102px minmax(245px,1.9fr) 126px 126px minmax(105px,.7fr) minmax(105px,.7fr) 150px 118px 72px 94px;gap:6px}}@media(max-width:1180px)and (min-width:761px){.jobs-compatible-row{grid-template-columns:66px 92px minmax(195px,1.65fr) 120px 120px minmax(100px,.75fr) 132px 70px 92px;gap:5px}.jobs-compatible-row .job-contractor,.jobs-compatible-row .cost-bubble{display:none}}@media(max-width:760px){.jobs-compatible-row{grid-template-columns:56px 82px minmax(0,1fr) auto;gap:6px;min-height:88px;padding:9px 38px 9px 10px}.jobs-compatible-row .row-selector{left:8px}.jobs-compatible-row .job-route{grid-column:1/-1;white-space:normal}.jobs-compatible-row .billing-bubble{grid-column:1;grid-row:3}.jobs-compatible-row .payment-bubble{grid-column:2/-1;grid-row:3}.jobs-compatible-row .job-customer{grid-column:1/3;grid-row:4}.jobs-compatible-row .job-contractor{grid-column:3;grid-row:4;text-align:right}.jobs-compatible-row .cost-bubble{grid-column:1/3;grid-row:5}.jobs-compatible-row .tip-bubble{grid-column:3;grid-row:5}.jobs-compatible-row .status{grid-column:1/3;grid-row:6}.jobs-compatible-row .job-total{grid-column:3;grid-row:6}.jobs-compatible-row .icon-action{grid-column:1/-1;grid-row:7}}.jobs-compatible-row .job-date,.jobs-compatible-row .job-time{font-size:12px;font-weight:800;white-space:nowrap}.jobs-compatible-row .job-time{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-weight:600}.jobs-compatible-row .job-time svg,.jobs-compatible-row .job-route svg{width:14px;height:14px;flex:none}.jobs-compatible-row .job-route{display:flex;align-items:center;gap:5px;font-size:13px}.jobs-compatible-row .job-customer,.jobs-compatible-row .job-contractor{font-size:12px;font-weight:700;color:#596b75}.jobs-compatible-row .job-bubble{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:11px;line-height:1.1;white-space:nowrap;box-shadow:inset 0 1px #ffffffeb,0 2px 3px #06283d17}.jobs-compatible-row .billing-bubble{background:#edf5f2;color:#426572}.jobs-compatible-row .payment-bubble{background:#e8f1fb;color:#42637c}.jobs-compatible-row .cost-bubble{background:#f5edf9;color:#6d5279}.jobs-compatible-row .tip-bubble{background:#fff3dc;color:#8c6420}.jobs-compatible-row .job-total{font-size:13px}.confirm-dialog{max-width:440px}.confirm-dialog h2{display:flex;align-items:center;gap:8px}.confirm-dialog h2 svg{width:19px;color:var(--red)}.bulk-editor{padding:10px}.bulk-editor header{margin-bottom:8px}.expense-grid-card{overflow:hidden}.expense-grid-card h2{display:flex;gap:7px;align-items:center}.expense-grid-card h2 svg{width:18px;color:var(--teal-dark)}.expense-grid-scroll{overflow:auto;border:1px solid var(--line);border-radius:9px}.expense-grid{width:max-content;min-width:100%;border-collapse:collapse;font-size:12px}.expense-grid th,.expense-grid td{padding:7px 6px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}.expense-grid thead th{background:#f3f7f6;font-size:11px;color:var(--muted)}.expense-grid thead .month-cell{text-align:center}.expense-grid th:first-child{position:sticky;left:0;z-index:1;min-width:155px;text-align:left;background:var(--paper)}.expense-grid thead th:first-child{z-index:3;background:#f3f7f6}.expense-grid tbody th span{display:flex;align-items:center;gap:5px}.expense-grid tbody th svg{width:14px;color:var(--teal-dark)}.expense-grid tbody th small{display:block;margin-top:2px;font-size:10px;color:var(--muted);font-weight:500}.expense-grid input{width:92px;min-height:29px;padding:4px 6px;text-align:right;font:inherit;border:1px solid var(--line);border-radius:5px;background:#fff}.expense-grid input:focus{outline:2px solid #9bded8;border-color:var(--teal)}.automatic-expense-row,.automatic-expense-row th{background:#f4f9f8}.automatic-amount{color:var(--teal-dark);font-weight:720}.expense-grid-total{font-weight:800}.expense-row-actions{display:flex;align-items:center;gap:2px;min-width:32px}.expense-row-actions .icon-button{width:25px;height:25px}.expense-row-actions svg{width:14px}.expense-grid tfoot th,.expense-grid tfoot td{font-weight:850;background:#edf6f4}.expense-grid-add{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.expense-grid-add input{max-width:250px;min-height:35px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:#fff}@media(max-width:620px){.expense-grid-card{margin-inline:-2px}.expense-grid-scroll{border-radius:7px}.expense-grid th,.expense-grid td{padding:6px 5px}.expense-grid th:first-child{min-width:135px}.expense-grid input{width:78px}.expense-grid .month-cell:not(.mobile-month-visible),.expense-grid .annual-column{display:none}.expense-grid-add{justify-content:stretch;flex-wrap:wrap}.expense-grid-add input{min-width:0;flex:1 1 150px}.expense-grid-add .button{padding-inline:9px;font-size:12px}.expense-row-actions{min-width:32px}}@media(max-width:1400px)and (min-width:761px){.page{padding:22px 18px}.jobs-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.filter-reset{grid-column:span 1}.job-reference-layout{display:grid;grid-template-columns:70px 92px minmax(0,1fr) max-content;grid-template-areas:"date time route total" "billing payment customer status" "partner cost tip status";gap:7px 10px;min-height:98px;padding:8px 42px 8px 14px}.job-reference-layout .job-date{grid-area:date}.job-reference-layout .job-time{grid-area:time}.job-reference-layout .job-route{grid-area:route;min-width:0}.job-reference-layout .billing-bubble{grid-area:billing}.job-reference-layout .payment-bubble{grid-area:payment}.job-reference-layout .job-customer{grid-area:customer;min-width:0}.job-reference-layout .job-contractor{grid-area:partner;display:block;min-width:0}.job-reference-layout .cost-bubble{grid-area:cost;justify-self:start}.job-reference-layout .tip-bubble{grid-area:tip;justify-self:start}.job-reference-layout .job-total{grid-area:total;align-self:center}.job-reference-layout .status{grid-area:status;align-self:center;justify-self:end}.job-reference-layout .job-bubble{justify-self:start;max-width:100%;overflow:hidden;text-overflow:ellipsis}}@media(max-width:980px)and (min-width:761px){.jobs-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.job-reference-layout{grid-template-columns:64px 82px minmax(0,1fr) max-content;gap:6px;min-height:104px;padding-left:12px}.job-reference-layout .job-bubble{font-size:10px;padding:3px 6px}.job-reference-layout .job-customer,.job-reference-layout .job-contractor{font-size:11px}}@media(max-width:1800px)and (min-width:761px){.tablet-menu{display:grid;place-items:center;flex:none}.sidebar{width:68px!important;padding-inline:9px;transition:width .18s ease,padding .18s ease}.app-content{margin-left:68px!important;transition:margin-left .18s ease}.sidebar:not(.tablet-expanded) .sidebar-top{justify-content:center;padding-inline:0}.sidebar:not(.tablet-expanded) .logo>span:last-child,.sidebar:not(.tablet-expanded) nav a:not(.active):after{display:none}.sidebar:not(.tablet-expanded) nav a,.sidebar:not(.tablet-expanded) .logout{justify-content:center;padding-inline:0;font-size:0}.sidebar:not(.tablet-expanded) nav a svg,.sidebar:not(.tablet-expanded) .logout svg{width:21px;height:21px}.sidebar.tablet-expanded{width:220px!important;padding-inline:14px}.sidebar.tablet-expanded+.app-content{margin-left:220px!important}.sidebar.tablet-expanded .logo>span:last-child{display:block}.sidebar.tablet-expanded nav a,.sidebar.tablet-expanded .logout{justify-content:flex-start;padding-inline:10px;font-size:13px}}.fare-cost-add{align-self:end;min-height:32px;border:1px dashed var(--teal);border-radius:6px;padding:5px 8px;background:#f4fbfa}.fare-cost-add:disabled{opacity:.45;cursor:not-allowed}.invoice-adjustment-editor{display:grid;gap:7px;margin:12px 0;padding-top:10px;border-top:1px solid var(--line)}.invoice-adjustment-input{display:grid;grid-template-columns:minmax(0,1fr) 150px 32px;gap:7px;align-items:center}.invoice-adjustment-input input{min-width:0}.invoice-entry{display:grid;gap:7px}.invoice-details-button{display:flex;align-items:center;gap:8px;min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}.invoice-details-button>span{display:grid;place-items:center;width:22px}.invoice-details-button svg{width:16px;height:16px}.invoice-details-button div{min-width:0}.invoice-item-list{display:grid;gap:5px;padding:9px 12px;margin-top:-3px;border:1px solid var(--line);border-radius:0 0 10px 10px;background:#fbfcfc}.invoice-item-list>div{display:flex;justify-content:space-between;gap:12px;font-size:12px}.invoice-item-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-item-list strong{white-space:nowrap}.invoice-adjustment-line{color:#775b29}@media(max-width:760px){.invoice-adjustment-input{grid-template-columns:minmax(0,1fr) 92px 30px}.invoice-item-list>div{font-size:11px}.invoice-item-list span{white-space:normal}.fare-cost-add{grid-column:1/-1;justify-self:start}}.reconciliation-builder{padding:14px;background:linear-gradient(135deg,#fffdfa,#f4fbfa)}.reconciliation-title{max-width:520px;margin:10px 0}.reconciliation-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:inset 0 1px #fff}.reconciliation-table{width:100%;min-width:1280px;border-collapse:collapse;font-size:12px}.reconciliation-table th,.reconciliation-table td{padding:8px 9px;border-bottom:1px solid #ebe5da;text-align:left;vertical-align:middle;white-space:nowrap}.reconciliation-table thead th{position:sticky;top:0;background:#edf7f5;color:#215a58;font-size:10px;text-transform:uppercase;letter-spacing:.035em;z-index:1}.reconciliation-table tbody tr:nth-child(2n){background:#fffcf7}.reconciliation-table tfoot th{background:#f5eee2;color:#173f4a;font-size:12px}.reconciliation-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:10px;background:#073d4a;color:#fff}.reconciliation-summary strong{font-size:16px}.reconciliation-summary div{display:flex;gap:8px}.reconciliation-summary .secondary{background:#fff;color:#173f4a}.draft-list{display:grid;gap:6px}.draft-row{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 3px 10px #3428180f}.draft-row>div:first-child{display:grid;gap:2px;min-width:0;flex:1}.draft-row small{color:var(--muted);font-size:11px}.reconciliation-source .settlement-list{max-height:520px;overflow:auto}@media(max-width:760px){.reconciliation-builder{padding:10px}.reconciliation-summary{align-items:stretch;flex-direction:column}.reconciliation-summary div{display:grid;grid-template-columns:1fr 1fr}.draft-row{align-items:flex-start;flex-wrap:wrap}.draft-row .button{margin-left:auto}.reconciliation-table{font-size:11px}.reconciliation-table th,.reconciliation-table td{padding:7px}}.legacy-reconciliation-hidden{display:none!important}@media(min-width:1801px){.tablet-menu{display:none}}@media(max-width:760px){.tablet-menu{display:none}}@media(max-width:1800px)and (min-width:761px){.job-reference-layout{grid-template-columns:52px 82px minmax(150px,2.2fr) 105px 105px minmax(80px,.55fr) minmax(88px,.6fr) 118px 105px 60px 78px;gap:4px;min-height:46px;padding:3px 32px 3px 10px;white-space:nowrap;overflow:hidden}.job-reference-layout .job-date,.job-reference-layout .job-time{font-size:10px}.job-reference-layout .job-route{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-reference-layout .job-customer,.job-reference-layout .job-contractor{font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-reference-layout .job-bubble{min-width:0;width:100%;padding:2px 4px;font-size:9px;overflow:hidden;text-overflow:ellipsis}.job-reference-layout .job-list-partner-bubble{display:block;padding:2px 4px;font-size:9px;overflow:hidden;text-overflow:ellipsis}.job-reference-layout .job-total{font-size:11px;overflow:hidden;text-overflow:ellipsis}.job-reference-layout .status{font-size:9px;overflow:hidden;text-overflow:ellipsis}.job-edit-button{right:4px;width:26px;height:26px}}@media(max-width:1800px)and (min-width:761px){.settlement-row.jobs-compatible-row{grid-template-columns:52px 82px minmax(130px,2.2fr) 95px 95px minmax(70px,.5fr) minmax(80px,.55fr) 110px 98px 55px 72px 28px;gap:4px;min-height:46px;padding:3px 6px 3px 40px;white-space:nowrap;overflow:hidden}.settlement-row.jobs-compatible-row .job-date,.settlement-row.jobs-compatible-row .job-time{font-size:10px}.settlement-row.jobs-compatible-row .job-route,.settlement-row.jobs-compatible-row .job-customer,.settlement-row.jobs-compatible-row .job-contractor{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.settlement-row.jobs-compatible-row .job-route{font-size:11px}.settlement-row.jobs-compatible-row .job-bubble{min-width:0;width:100%;padding:2px 4px;font-size:9px;overflow:hidden;text-overflow:ellipsis}.settlement-row.jobs-compatible-row .job-total{font-size:11px;overflow:hidden;text-overflow:ellipsis}.settlement-row.jobs-compatible-row .status{font-size:9px;overflow:hidden;text-overflow:ellipsis}.settlement-row.jobs-compatible-row .icon-action{width:26px;min-width:26px;height:26px;min-height:26px;padding:0;font-size:0;display:grid;place-items:center}.settlement-row.jobs-compatible-row .icon-action svg{width:14px;height:14px}.invoice-row{grid-template-columns:minmax(140px,1.35fr) minmax(110px,.75fr) 72px 90px minmax(145px,.9fr);gap:5px;min-height:46px;padding:4px 8px;white-space:nowrap;overflow:hidden}.invoice-row strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-row small{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invoice-row .status{font-size:9px;overflow:hidden;text-overflow:ellipsis}.invoice-row .invoice-actions{gap:3px}.invoice-row .invoice-actions .icon-button{width:25px;height:25px}.invoice-row .pay-action{gap:4px;min-width:0}.invoice-row .pay-action select{height:27px;min-width:0;width:72px;padding:0 3px;font-size:9px}.invoice-row .pay-action .button{min-height:27px;padding:0 5px;font-size:9px;white-space:nowrap}.invoice-row .pay-action .button svg{width:12px}}@media(max-width:1800px)and (min-width:761px){.job-reference-layout{grid-template-columns:46px 72px minmax(180px,1.8fr) 128px 104px minmax(76px,.55fr) minmax(145px,.9fr) 106px 96px 64px 88px;gap:4px;min-height:56px;padding:4px 34px 4px 10px;overflow:visible}.job-reference-layout .job-date,.job-reference-layout .job-time{font-size:11px}.job-reference-layout .job-route{font-size:12px}.job-reference-layout .job-customer,.job-reference-layout .job-contractor{font-size:11px}.job-reference-layout .job-bubble{font-size:10px;padding:3px 5px}.job-reference-layout .job-list-partner-bubble{font-size:10px;padding:2px 5px}.job-reference-layout .job-total{font-size:12px}.job-reference-layout .status{font-size:10px}.settlement-row.jobs-compatible-row{grid-template-columns:46px 72px minmax(170px,1.7fr) 128px 104px minmax(72px,.5fr) minmax(145px,.9fr) 106px 96px 64px 88px 28px;gap:4px;min-height:56px;padding:4px 6px 4px 40px;overflow:visible}.settlement-row.jobs-compatible-row .job-date,.settlement-row.jobs-compatible-row .job-time{font-size:11px}.settlement-row.jobs-compatible-row .job-route{font-size:12px}.settlement-row.jobs-compatible-row .job-customer,.settlement-row.jobs-compatible-row .job-contractor{font-size:11px}.settlement-row.jobs-compatible-row .job-bubble{font-size:10px;padding:3px 5px}.settlement-row.jobs-compatible-row .job-total{font-size:12px}.settlement-row.jobs-compatible-row .status{font-size:10px}}.fuel-entry-card{margin-bottom:12px;scroll-margin-top:12px}.fuel-entry-card.editing{border-color:#62b8b1;box-shadow:0 4px #006f6824,0 12px 24px #00524c1f}.fuel-entry-card>header{display:flex;align-items:center;justify-content:space-between}.fuel-editing-label{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#e2f4f1;color:#126e68;font-size:11px;font-weight:800}.fuel-editing-label svg{width:14px}.fuel-form-actions{display:flex;align-items:center;gap:8px}.fuel-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end}.fuel-form-grid .check{min-height:40px;align-items:center}.fuel-unit-preview{display:flex;align-items:center;gap:8px;margin:10px 0;padding:8px 11px;border:1px solid #b9ddd8;border-radius:9px;background:#eff9f7;box-shadow:inset 0 1px #fff,0 3px 9px #00524c14}.fuel-unit-preview>svg{width:18px;color:var(--teal)}.fuel-unit-preview strong{margin-left:auto}.fuel-unit-preview small{display:flex;align-items:center;gap:4px;color:#a85b16}.fuel-unit-preview small svg{width:15px}.fuel-unit-preview.warning{border-color:#e7b46f;background:#fff7e8}.fuel-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:12px;align-items:start}.fuel-history-card{min-width:0}.fuel-history-card>header{display:flex;justify-content:space-between;align-items:center}.fuel-history-card>header small{color:var(--muted)}.fuel-entry-list{display:grid;gap:5px}.fuel-entry-row{position:relative;display:grid;grid-template-columns:88px minmax(130px,1.1fr) repeat(4,minmax(82px,.72fr)) minmax(120px,.9fr);align-items:center;gap:7px;min-height:56px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 3px #4a382017,0 8px 18px #34281812;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.fuel-entry-row:hover,.fuel-entry-row:focus-visible{border-color:#67bcb5;box-shadow:0 3px #006a6326,0 10px 20px #00524c1a;outline:0}.fuel-entry-row:active{transform:translateY(1px)}.fuel-entry-row.selected{border-color:#008f86;background:#f1fbf9;box-shadow:0 0 0 2px #008f8624,0 4px #006a6324}.fuel-entry-row>*{min-width:0}.fuel-entry-row time{font-size:10px;font-weight:850;white-space:nowrap}.fuel-entry-row>div{display:grid;gap:2px}.fuel-entry-row small{font-size:9px;color:var(--muted);white-space:nowrap}.fuel-entry-row strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fuel-entry-vehicle strong{font-size:12px}.fuel-entry-total{text-align:right;justify-items:end}.fuel-type-badge{display:inline-flex;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:800;background:#dff2ef;color:#146c67}.fuel-type-badge.adblue{background:#e6effb;color:#3e6388}.fuel-entry-row.adblue{border-left:4px solid #6d93c1}.fuel-entry-warning{position:absolute;right:5px;top:5px;color:#bd701c}.fuel-entry-warning svg{width:14px}.fuel-year-more{margin-top:9px;border-top:1px solid var(--line);padding-top:7px}.fuel-year-more>summary{display:flex;align-items:center;gap:6px;min-height:34px;padding:4px 7px;border-radius:7px;color:#315862;font-size:12px;font-weight:800;cursor:pointer;list-style:none}.fuel-year-more>summary::-webkit-details-marker{display:none}.fuel-year-more>summary svg{width:16px;transition:transform .18s}.fuel-year-more[open]>summary svg{transform:rotate(180deg)}.fuel-year-more[open]>summary{margin-bottom:6px;background:#f2f7f5}.fuel-side{display:grid;gap:12px;position:sticky;top:78px}.fuel-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fuel-stat{display:flex;align-items:center;gap:9px;min-height:82px;padding:10px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,#fff,#faf5ec);box-shadow:0 4px #4a38201a,0 10px 22px #34281814}.fuel-stat>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:9px;background:#dff3f0;color:#087a73;box-shadow:inset 0 1px #fff,0 3px 7px #004b461f}.fuel-stat svg{width:18px}.fuel-stat div{display:grid;gap:3px;min-width:0}.fuel-stat small{font-size:9px;line-height:1.25;color:var(--muted)}.fuel-stat strong{font-size:13px;line-height:1.2}.fuel-chart-card{min-width:0}.dashboard-fuel-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 12px}.fuel-dashboard-metric strong{font-size:clamp(16px,1.4vw,23px)}@media(max-width:1300px)and (min-width:761px){.fuel-layout{grid-template-columns:1fr}.fuel-side{position:static;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr)}.fuel-entry-row{grid-template-columns:86px minmax(120px,1fr) repeat(4,minmax(76px,.7fr)) minmax(110px,.8fr)}}@media(max-width:900px)and (min-width:761px){.fuel-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fuel-side{grid-template-columns:1fr}.fuel-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fuel-stat{min-height:74px;padding:8px;display:grid}.fuel-stat>span{width:28px;height:28px}.fuel-entry-row{grid-template-columns:84px minmax(108px,1fr) repeat(3,minmax(70px,.65fr)) minmax(100px,.8fr)}.fuel-entry-row>div:nth-of-type(5){display:none}}@media(max-width:760px){.fuel-entry-card{padding:10px}.fuel-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.fuel-form-grid .field:nth-child(2),.fuel-form-grid .check{grid-column:1/-1}.fuel-form-actions{display:grid;grid-template-columns:1fr auto}.fuel-unit-preview{flex-wrap:wrap}.fuel-unit-preview small{width:100%}.fuel-layout{grid-template-columns:1fr}.fuel-side{position:static}.fuel-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fuel-entry-row{grid-template-columns:88px minmax(0,1fr) auto;grid-template-areas:"date vehicle total" "distance consumption price";gap:5px 8px;min-height:78px;padding:7px 8px}.fuel-entry-row time{grid-area:date;font-size:9px}.fuel-entry-vehicle{grid-area:vehicle}.fuel-entry-row>div:nth-of-type(2){grid-area:liters;display:none}.fuel-entry-row>div:nth-of-type(3){grid-area:distance}.fuel-entry-row>div:nth-of-type(4){grid-area:consumption}.fuel-entry-row>div:nth-of-type(5){grid-area:price}.fuel-entry-total{grid-area:total}.fuel-chart-card{padding:10px}.dashboard-fuel-metrics{gap:7px}.dashboard-fuel-metrics .metric{padding:10px}.dashboard-fuel-metrics .metric-icon{width:34px;height:34px}.fuel-dashboard-metric strong{font-size:14px}}.vehicle-care-tabs{display:flex;align-items:flex-end;gap:4px;margin:0 0 12px;padding:0 8px;border-bottom:1px solid var(--line)}.vehicle-care-tabs button{display:inline-flex;align-items:center;gap:7px;min-width:142px;min-height:42px;padding:8px 18px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:#eee8de;color:#506169;font:inherit;font-weight:800;cursor:pointer;box-shadow:inset 0 1px #fff;transform:translateY(1px)}.vehicle-care-tabs button svg{width:18px}.vehicle-care-tabs button.active{min-height:47px;background:#fff;color:#087b74;border-color:#98c9c4;box-shadow:0 -4px 12px #2b484314,inset 0 3px #00958b}.service-entry-card{margin-bottom:12px;scroll-margin-top:12px}.service-entry-card.editing{border-color:#62b8b1;box-shadow:0 4px #006f6824,0 12px 24px #00524c1f}.service-entry-card>header,.service-history-card>header{display:flex;align-items:center;justify-content:space-between}.service-history-card>header small{color:var(--muted)}.service-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end}.service-form-grid .field:nth-child(5){grid-column:span 2}.service-notes-field{grid-column:1/-1}.service-notes-field textarea{min-height:74px;resize:vertical}.service-entry-list{display:grid;gap:6px}.service-entry-row{display:grid;grid-template-columns:105px minmax(130px,.85fr) 92px minmax(240px,1.65fr) 82px 116px;align-items:center;gap:9px;min-height:62px;padding:7px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 3px #4a382017,0 8px 18px #34281812;cursor:pointer;content-visibility:auto;contain-intrinsic-size:62px}.service-entry-row:hover,.service-entry-row:focus-visible{border-color:#67bcb5;box-shadow:0 3px #006a6326,0 10px 20px #00524c1a;outline:0}.service-entry-row.selected{border-color:#008f86;background:#f1fbf9;box-shadow:0 0 0 2px #008f8624,0 4px #006a6324}.service-entry-row>*{min-width:0}.service-entry-row time{font-size:10px;font-weight:850;white-space:nowrap}.service-entry-row>div{display:grid;gap:2px}.service-entry-row small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-entry-row strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-entry-vehicle strong{font-size:12px}.service-entry-total{text-align:right;font-size:12px!important}.service-type-badge{display:inline-flex;justify-content:center;padding:3px 7px;border-radius:999px;background:#edf1ef;color:#49605e;font-size:9px;font-weight:850;box-shadow:inset 0 1px #fff,0 2px 5px #3036321a}.service-type-badge.small{background:#dff2ef;color:#146c67}.service-type-badge.large{background:#dce8fb;color:#355c88}.service-type-badge.tire{background:#eee7fa;color:#654d8a}.service-type-badge.repair{background:#fff0d8;color:#905c16}.service-empty{display:grid;place-items:center;gap:6px;padding:36px;color:var(--muted)}.service-empty svg{width:34px}.dashboard-fuel-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.service-forecast-metric>div{min-width:0}.service-forecast-metric strong{white-space:normal;line-height:1.2}.service-forecast-metric div>span{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.25}@media(max-width:1100px)and (min-width:761px){.service-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-entry-row{grid-template-columns:100px minmax(120px,.8fr) 86px minmax(180px,1.4fr) 78px 108px}}@media(max-width:760px){.vehicle-care-tabs{padding:0 4px}.vehicle-care-tabs button{flex:1;justify-content:center;min-width:0;padding:8px 10px}.service-entry-card,.service-history-card{padding:10px}.service-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.service-form-grid .field:nth-child(5),.service-notes-field{grid-column:1/-1}.service-entry-row{grid-template-columns:88px minmax(0,1fr) auto;grid-template-areas:"date vehicle total" "type name status";gap:6px 8px;min-height:82px;padding:8px}.service-entry-row time{grid-area:date;font-size:9px}.service-entry-vehicle{grid-area:vehicle}.service-type-badge{grid-area:type}.service-entry-name{grid-area:name}.service-entry-row>.status{grid-area:status}.service-entry-total{grid-area:total}.service-entry-name small{max-width:100%}.dashboard-fuel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.service-forecast-metric{grid-column:1/-1}}.mobile-topbar{display:none}.sidebar-top{gap:8px}.sidebar-workspace{padding:12px 2px 4px}.sidebar-workspace .workspace-select{width:100%;min-width:0;height:50px;color:#f5fbff;border-color:#ffffff29;background:#ffffff13;box-shadow:inset 0 1px #ffffff14,0 3px 10px #00000014}.sidebar-workspace .workspace-select small{color:#b9ced9}.sidebar-workspace .workspace-select select{width:100%;color:#fff}.sidebar-workspace .workspace-select option{color:var(--ink);background:#fff}.sidebar-account{display:grid;gap:5px;margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}.sidebar-account .user{min-height:48px;gap:10px;padding:5px 10px;border:0;color:#f5fbff}.sidebar-account .user>span{width:34px;height:34px;flex:none;background:#eef8f6;color:var(--navy);font-weight:850}.sidebar-account .user small{color:#b9ced9}.sidebar-account .logout{margin-top:0}.sidebar-account .logout span{white-space:nowrap}.sidebar-tablet-toggle{color:#eaf5f8;cursor:pointer}@media(max-width:1800px)and (min-width:761px){.sidebar:not(.tablet-expanded) .sidebar-top{flex-direction:column;padding-bottom:10px}.sidebar:not(.tablet-expanded) .sidebar-tablet-toggle{display:grid}.sidebar:not(.tablet-expanded) .sidebar-workspace{padding:8px 0 2px}.sidebar:not(.tablet-expanded) .workspace-select{position:relative;justify-content:center;width:50px;height:46px;padding:0}.sidebar:not(.tablet-expanded) .workspace-select>svg:first-child{width:21px;height:21px}.sidebar:not(.tablet-expanded) .workspace-select>svg:last-child{display:none}.sidebar:not(.tablet-expanded) .workspace-select span{position:absolute;inset:0}.sidebar:not(.tablet-expanded) .workspace-select small{display:none}.sidebar:not(.tablet-expanded) .workspace-select select{width:100%;height:100%;opacity:0;cursor:pointer}.sidebar:not(.tablet-expanded) .sidebar-account .user{justify-content:center;padding-inline:0}.sidebar:not(.tablet-expanded) .sidebar-account .user>div{display:none}.sidebar:not(.tablet-expanded) .sidebar-account .logout span{display:none}.sidebar.tablet-expanded .sidebar-top,.sidebar.tablet-expanded .sidebar-workspace{padding-inline:0}.sidebar.tablet-expanded .sidebar-account .user{justify-content:flex-start}}@media(min-width:1801px){.sidebar-tablet-toggle{display:none}}@media(max-width:760px){.mobile-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;height:52px;padding:0 12px;border-bottom:1px solid var(--line);background:#fffdf8f5;box-shadow:0 4px 14px #34281812}.mobile-topbar .mobile-brand{display:block;font-weight:850}.mobile-topbar .mobile-menu{display:grid}.sidebar-workspace{padding:12px 2px 5px}.sidebar-account .user,.sidebar-account .logout{display:flex}}@media(max-width:1800px)and (min-width:761px){.job-reference-layout{grid-template-areas:none}.job-reference-layout .job-date,.job-reference-layout .job-time,.job-reference-layout .job-route,.job-reference-layout .billing-bubble,.job-reference-layout .payment-bubble,.job-reference-layout .job-customer,.job-reference-layout .job-contractor,.job-reference-layout .cost-bubble,.job-reference-layout .tip-bubble,.job-reference-layout .job-total,.job-reference-layout .status{grid-area:auto;align-self:center}.job-reference-layout .job-contractor{display:flex;align-items:center;gap:3px;white-space:nowrap}.job-reference-layout .job-list-partner-bubble{display:inline-block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.fuel-form-grid .entry-date-field,.service-form-grid .entry-date-field{width:100%;max-width:180px;min-width:0}.entry-date-field input{width:100%;min-width:0}.admin-color-row.payment-color-row{grid-template-columns:minmax(0,1fr) minmax(64px,104px) 34px}.payment-color-row .admin-preview{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){.fuel-form-grid .entry-date-field,.service-form-grid .entry-date-field{max-width:none}}@media(max-width:620px){.admin-add{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.admin-add>*{min-width:0;max-width:100%}.admin-add .button{width:100%;padding-inline:8px;line-height:1.1;white-space:normal}}@media(min-width:761px)and (max-width:1800px){.job-reference-layout .performer-label{display:none}.job-reference-layout{grid-template-columns:46px 94px minmax(150px,1fr) 112px 96px minmax(68px,.48fr) minmax(126px,.82fr) 92px 84px 58px 78px;gap:3px;overflow:hidden}.reconciliation-source .settlement-row.jobs-compatible-row{grid-template-columns:46px 94px minmax(170px,1fr) 112px 96px minmax(68px,.48fr) minmax(134px,.82fr) 92px 84px 28px}.settlement-row.jobs-compatible-row{grid-template-columns:46px 94px minmax(150px,1fr) 112px 96px minmax(68px,.48fr) minmax(126px,.82fr) 92px 84px 58px 28px;gap:3px;overflow:hidden}.job-reference-layout .job-time,.settlement-row.jobs-compatible-row .job-time{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}.job-reference-layout .job-route,.job-reference-layout .job-customer,.job-reference-layout .job-contractor,.job-reference-layout .job-bubble,.job-reference-layout .job-list-partner-bubble,.settlement-row.jobs-compatible-row .job-route,.settlement-row.jobs-compatible-row .job-customer,.settlement-row.jobs-compatible-row .job-contractor,.settlement-row.jobs-compatible-row .job-bubble{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.dense-job-row.settlement-settled{background:linear-gradient(90deg,#edf8f1,#f7fcf9);border-color:#c9e3d2}.dense-job-row.settlement-invoiced{background:linear-gradient(90deg,#fff7df,#fffdf5);border-color:#ead9a5}.dense-job-row.settlement-not_invoiced{background:linear-gradient(90deg,#fff0ed,#fff9f7);border-color:#edcec8}.dense-job-row.is-selected{background:#f4fcfa;border-color:var(--teal)}@media(min-width:761px)and (max-width:1800px){.job-reference-layout{grid-template-columns:46px 94px minmax(150px,1fr) 112px 96px minmax(68px,.48fr) minmax(104px,140px) 92px 84px 58px 104px}.job-reference-layout .status{justify-self:start;overflow:visible;text-overflow:clip;padding-left:4px}}@media(min-width:1181px)and (max-width:1480px){.job-reference-layout .tip-bubble{display:inline-flex}}.basic-job-top{grid-template-columns:180px minmax(230px,1fr)}.fuel-form-grid,.service-form-grid{grid-template-columns:180px repeat(3,minmax(0,1fr))}.fuel-form-grid .entry-date-field,.service-form-grid .entry-date-field,.basic-job-top .entry-date-field{width:100%;max-width:180px}input[type=date]{width:100%;min-width:0;max-width:100%;box-sizing:border-box;font-variant-numeric:tabular-nums}@supports (-webkit-touch-callout:none){button,input,select,textarea{-webkit-tap-highlight-color:transparent}button,select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]){-webkit-appearance:none;appearance:none}select{padding-right:30px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%2333464f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:12px 8px!important}.workspace-select select{padding-right:0!important;background-image:none!important}input[type=checkbox],input[type=radio]{-webkit-appearance:none;appearance:none;display:inline-grid;place-content:center;flex:0 0 auto;width:18px;height:18px;margin:0;border:1px solid #9ba8a8;background:#fffefa;box-shadow:inset 0 1px 2px #34281814}input[type=checkbox]{border-radius:5px}input[type=checkbox]:checked{border-color:var(--teal);background-color:var(--teal);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='m1.5 5 3 3 6-6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}input[type=radio]{border-radius:50%}input[type=radio]:checked{border:5px solid var(--teal)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,input[type=search]::-webkit-search-cancel-button{display:none;-webkit-appearance:none}input[type=date]{display:block;inline-size:100%;min-inline-size:0;max-inline-size:100%;-webkit-appearance:none;appearance:none;text-align:left;overflow:hidden}input[type=date]::-webkit-date-and-time-value{min-width:0;padding:0;text-align:left}}@media(max-width:1100px)and (min-width:901px){.service-form-grid{grid-template-columns:180px repeat(2,minmax(0,1fr))}}@media(max-width:900px)and (min-width:761px){.fuel-form-grid,.service-form-grid{grid-template-columns:180px minmax(0,1fr)}}@media(max-width:760px){.basic-job-top>.entry-date-field{max-width:171px}.fuel-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"date type" "vehicle vehicle" "odometer liters" "total payment" "invoice invoice"}.fuel-form-grid>.field:nth-child(1){grid-area:date}.fuel-form-grid>.field:nth-child(2){grid-area:vehicle}.fuel-form-grid>.field:nth-child(3){grid-area:type}.fuel-form-grid>.field:nth-child(4){grid-area:odometer}.fuel-form-grid>.field:nth-child(5){grid-area:liters}.fuel-form-grid>.field:nth-child(6){grid-area:total}.fuel-form-grid>.field:nth-child(7){grid-area:payment}.fuel-form-grid>.check{grid-area:invoice}.service-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"date type" "vehicle vehicle" "odometer total" "name name"}.service-form-grid>.field:nth-child(1){grid-area:date}.service-form-grid>.field:nth-child(2){grid-area:vehicle}.service-form-grid>.field:nth-child(3){grid-area:type}.service-form-grid>.field:nth-child(4){grid-area:odometer}.service-form-grid>.field:nth-child(5){grid-area:name}.service-form-grid>.field:nth-child(6){grid-area:total}.jobs-compatible-row{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"date time total" "route route route" "billing payment payment" "customer customer customer" "contractor contractor contractor" "cost status status" "action action action";gap:6px 8px!important;min-height:0!important;padding:9px 38px 9px 12px!important;overflow:hidden}.jobs-compatible-row .job-date{grid-area:date}.jobs-compatible-row .job-time{grid-area:time}.jobs-compatible-row .job-route{grid-area:route}.jobs-compatible-row .billing-bubble{grid-area:billing}.jobs-compatible-row .payment-bubble{grid-area:payment}.jobs-compatible-row .job-customer{grid-area:customer}.jobs-compatible-row .job-contractor{grid-area:contractor}.jobs-compatible-row .cost-bubble{grid-area:cost}.jobs-compatible-row .job-total{grid-area:total}.jobs-compatible-row .status{grid-area:status}.jobs-compatible-row .icon-action{grid-area:action;justify-self:end;width:auto}.jobs-compatible-row .job-route,.jobs-compatible-row .job-customer,.jobs-compatible-row .job-contractor{min-width:0;max-width:100%;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.service-entry-row{grid-template-areas:"date vehicle total" "type status status" "name name name";min-height:100px}.service-entry-name strong,.service-entry-name small{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}}.expense-grid td.expense-cell-paid{background:#f4f9f8}.expense-paid-toggle{width:20px;height:20px;margin-right:4px;padding:0;border:0;border-radius:6px;background:#f5d37a;color:#7c5700;vertical-align:middle}.expense-paid-toggle svg{width:13px;vertical-align:middle}.expense-paid-toggle.is-paid{background:#a8d8cf;color:#08685e}.expense-grid td .expense-paid-toggle+input{width:66px}.expense-grid td.expense-cell-paid input{background:#dff1ec;border-color:#9acfc4;color:#075e55;font-weight:800}:root{--nav-text:#eaf0f2;--nav-muted:#a8b4bb;--nav-active:#55c7c0;--nav-active-bg:rgba(85,199,192,.14)}.sidebar{background-color:#252e35;background-image:linear-gradient(180deg,#0a121833,#0a12185c),url(/brand/sidebar-texture.png);background-size:auto,380px 380px;background-blend-mode:normal,soft-light;border-right:1px solid rgba(255,255,255,.08);box-shadow:10px 0 30px #151c2121}.logo{display:flex;align-items:center;gap:10px;min-width:0}.logo-emblem{display:block;width:38px;height:38px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.24))}.logo-wordmark{display:block;width:min(171px,calc(100% - 48px));height:auto;min-width:0;object-fit:contain;object-position:left center}.sidebar .logo{padding:4px 2px 10px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar nav a{color:var(--nav-text);border:1px solid transparent;text-shadow:0 1px 0 rgba(0,0,0,.16)}.sidebar nav a:hover{background:#ffffff12;border-color:#ffffff14;color:#fff}.sidebar nav a.active{background:var(--nav-active-bg);border-color:#55c7c036;color:#fff;box-shadow:inset 3px 0 0 var(--nav-active),inset 0 1px #ffffff14,0 4px 14px #0000001f}.sidebar nav a svg{color:#b9c5ca}.sidebar nav a.active svg{color:var(--nav-active)}.sidebar-workspace .workspace-select{background:#ffffff17;border-color:#ffffff2e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.sidebar-account{border-top-color:#ffffff21}.sidebar-account .logout{color:var(--nav-text)}.sidebar-account .logout:hover{color:#fff;background:#ffffff12}.sidebar-account .user>span{background:#d7f0ed;color:#155953;box-shadow:0 2px 7px #00000038}.mobile-topbar{background:#fff;color:#243039}.mobile-topbar .mobile-brand{font-weight:850;letter-spacing:-.02em}@media(max-width:1800px)and (min-width:761px){.sidebar:not(.tablet-expanded) .logo{justify-content:center;padding:2px 0 10px}.sidebar:not(.tablet-expanded) .logo-wordmark{display:none}.sidebar:not(.tablet-expanded) .logo-emblem{width:36px;height:36px}}@media(max-width:760px){.sidebar .logo{padding:2px 0 10px}.sidebar .logo-emblem{width:36px;height:36px}.sidebar .logo-wordmark{width:158px}.mobile-topbar .mobile-brand{padding-left:40px;background:url(/brand/vectra-emblem-512.png) left center/28px 28px no-repeat}}.sidebar .logo-emblem{display:none}.sidebar .logo-wordmark{width:min(188px,100%);max-width:100%}.user-avatar{width:38px;height:38px;flex:0 0 auto;display:block;border-radius:50%;object-fit:cover;object-position:center;border:2px solid rgba(255,255,255,.58);box-shadow:0 2px 8px #0000003d}.dashboard-heading{display:flex;align-items:center;gap:13px;margin:0 0 20px}.dashboard-heading img{width:138px;height:auto;object-fit:contain}.dashboard-heading h1{margin:0;padding-left:13px;border-left:1px solid var(--line);font-size:28px;letter-spacing:-.03em}.dashboard-metric-groups{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1.05fr) minmax(0,1.05fr);gap:12px;margin:0 0 14px}.dashboard-metric-group{padding:12px;border:1px solid var(--line);border-radius:12px;background:#ffffffc7;box-shadow:var(--raised-shadow),inset 0 1px #ffffffe6}.dashboard-metric-group h2{margin:0 0 9px;padding:0 2px;color:#405058;font-size:12px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.dashboard-metric-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-metric-group:nth-child(2)>div,.dashboard-metric-group:nth-child(3)>div{grid-template-columns:1fr}.dashboard-metric-group .metric{min-height:84px;padding:11px 10px}.dashboard-metric-group .metric-icon{width:34px;height:34px}.dashboard-metric-group .metric-icon svg{width:17px}.dashboard-metric-group .metric small{font-size:10px;margin-bottom:3px}.dashboard-metric-group .metric strong{font-size:14px}.service-forecast-metric div>span{display:block;margin-top:3px;color:var(--ink);font-size:inherit;font-weight:800;line-height:1.25}.service-forecast-metric div>small:last-child{margin-top:3px;font-size:10px;font-weight:650;color:var(--muted)}.sidebar nav a[href="/"] svg,.sidebar nav a[href="/admin"] svg{color:#fff}.sidebar nav a[href="/jobs"] svg{color:#b8e6bf}.sidebar nav a[href="/expenses"] svg{color:#f26969}.sidebar nav a[href="/fuel"] svg{color:#f0a4a4}.sidebar nav a[href="/reconciliations"] svg{color:#62d29a}.sidebar nav a[href="/receivables"] svg{color:#f2db83}.sidebar nav a[href="/partners"] svg{color:#c4cbd0}.sidebar nav a[href="/reports"] svg{color:#c7a1e6}.sidebar nav a.active svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.32))}@media(max-width:1800px)and (min-width:761px){.sidebar:not(.tablet-expanded) .logo-emblem{display:block}.sidebar:not(.tablet-expanded) .logo-wordmark{display:none}}@media(max-width:1100px)and (min-width:761px){.dashboard-metric-groups{grid-template-columns:1fr 1fr}.dashboard-metric-group:first-child{grid-column:1/-1}.dashboard-metric-group:first-child>div{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-metric-group:first-child .metric{padding:9px}.dashboard-metric-group:first-child .metric-icon{display:none}}@media(max-width:760px){.sidebar .logo-emblem{display:none}.sidebar .logo-wordmark{width:176px}.dashboard-heading{gap:9px;margin-bottom:15px}.dashboard-heading img{width:106px}.dashboard-heading h1{padding-left:9px;font-size:23px}.dashboard-metric-groups{display:none}.user-avatar{width:34px;height:34px}.service-forecast-metric div>span{font-size:14px}}.dashboard-metric-group>div{grid-template-columns:1fr!important}.dashboard-metric-group .metric{min-height:0;padding:7px 2px;background:transparent;border:0;border-radius:0;box-shadow:none;border-bottom:1px solid rgba(223,229,227,.72)}.dashboard-metric-group .metric:last-child{border-bottom:0}.dashboard-metric-group .metric:after{display:none}.dashboard-metric-group .metric-icon{width:28px;height:28px;background:transparent;box-shadow:none}.dashboard-metric-group .metric-icon svg{width:16px}@media(max-width:760px){.dashboard-metric-groups{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}.dashboard-metric-group{padding:11px 12px}.dashboard-metric-group:first-child>div{grid-template-columns:1fr!important}.dashboard-metric-group .metric{min-height:0;padding:7px 2px}.dashboard-metric-group .metric-icon{width:26px;height:26px}.dashboard-metric-group .metric strong{font-size:14px}.mobile-dashboard-breakdown{display:none!important}.mobile-earning .recharts-responsive-container{display:none}.dashboard-chart-section{display:block;margin-top:10px}.dashboard-chart-section .card{padding:12px}.dashboard-chart-section .chart-card{display:block}.dashboard-chart-section .chart-card .recharts-responsive-container{height:290px!important}.dashboard-chart-section>.card:last-child{display:none}}.dashboard-heading img{width:36px!important;height:36px;object-fit:contain}.dashboard-heading{gap:10px}.dashboard-heading h1{padding-left:10px}.logo-emblem{display:none!important}.sidebar:not(.tablet-expanded) .logo{background:url(/brand/vectra-icon-64.png) center/36px 36px no-repeat;min-height:44px}.sidebar:not(.tablet-expanded) .logo-emblem{display:none!important}.dashboard-chart-section .chart-card{min-width:0;overflow:hidden}.dashboard-chart-section .recharts-responsive-container{min-width:0}.dashboard-chart-section .recharts-tooltip-wrapper{max-width:calc(100% - 16px)!important}.dashboard-chart-section .recharts-default-tooltip{max-width:calc(100vw - 64px);white-space:normal}@media(max-width:760px){.dashboard-chart-section .chart-card{padding:10px}.dashboard-chart-section .chart-card h2{font-size:16px;margin-bottom:8px}.dashboard-chart-section .chart-card .recharts-responsive-container{height:260px!important}.dashboard-chart-section .recharts-cartesian-axis-tick-value{font-size:10px}.dashboard-chart-section .recharts-default-tooltip{font-size:11px!important;padding:7px!important}.dashboard-chart-section .recharts-default-tooltip li{line-height:1.35}}.dashboard-composed-chart{height:340px;min-width:0;width:100%}.dashboard-composed-chart .recharts-responsive-container{height:100%!important;min-width:0}@media(max-width:760px){.dashboard-composed-chart{height:250px}.dashboard-composed-chart .recharts-tooltip-wrapper{display:none!important}.dashboard-chart-section .chart-card{overflow:hidden}}.job-column-header{position:sticky;top:76px;z-index:24;min-height:30px!important;padding:5px 42px 5px 14px!important;border:1px solid var(--line);border-radius:8px;background:#edf7f5;color:#315b61;box-shadow:0 3px 8px #3428181f;font-size:10px;font-weight:850;line-height:1.1;white-space:nowrap;text-align:center;pointer-events:none}.job-column-header>*{min-width:0;overflow:hidden;text-overflow:ellipsis}.job-column-header>*:nth-child(3){text-align:left}.job-column-header>*:nth-child(10),.job-column-header>*:nth-child(11){text-align:right}@media(max-width:760px){.job-column-header{top:64px;grid-template-columns:70px 82px minmax(0,1fr) auto!important;grid-template-rows:auto auto auto auto;min-height:45px!important;padding:5px 38px 5px 10px!important;gap:4px 6px;font-size:9px;white-space:nowrap}.job-column-header>*:nth-child(1){grid-column:1;grid-row:1}.job-column-header>*:nth-child(2){grid-column:2;grid-row:1}.job-column-header>*:nth-child(3){grid-column:1/-1;grid-row:2}.job-column-header>*:nth-child(4){grid-column:1;grid-row:3}.job-column-header>*:nth-child(5){grid-column:2/-1;grid-row:3}.job-column-header>*:nth-child(6){grid-column:1/3;grid-row:4}.job-column-header>*:nth-child(7){grid-column:3;grid-row:4}.job-column-header>*:nth-child(n+8){display:none}}@media(min-width:761px){.app-content,.page{overflow:visible}.job-column-header{display:grid;position:sticky;top:76px;align-self:start;z-index:29;transform:translateZ(0)}}@media(max-width:760px){.job-column-header{display:none!important}}@media(min-width:761px){.job-column-header-shell{min-height:30px}.job-column-header{position:relative;top:auto;left:auto;width:auto}.job-column-header.is-pinned{position:fixed;z-index:29;transform:none!important;box-sizing:border-box}}@media(max-width:760px){.job-column-header-shell{display:none!important}}.sidebar .logo{background:none!important}.expense-grid th,.expense-grid td{padding:5px 3px}.expense-grid input{width:82px;min-width:0;padding:3px}.expense-grid td .expense-paid-toggle+input{width:78px;min-width:0}@media(max-width:620px){.expense-grid th,.expense-grid td{padding:5px 2px}.expense-grid input{width:78px;min-width:0;padding-inline:2px}.expense-grid td .expense-paid-toggle+input{width:74px;min-width:0}.expense-paid-toggle{margin-right:2px}}.reconciliation-column-header{display:grid;grid-template-columns:78px 116px minmax(320px,2.15fr) 132px 132px minmax(118px,.78fr) minmax(150px,1fr) 120px 110px 100px 58px;align-items:center;gap:8px;margin:0 0 2px;padding:4px 42px 4px 40px;position:sticky;top:0;z-index:3;background:#edf7f5;color:#215a58;font-size:10px;text-transform:uppercase;letter-spacing:.035em;border:1px solid var(--line);border-radius:8px}.reconciliation-column-header span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settlement-row.jobs-compatible-row{grid-template-columns:78px 116px minmax(320px,2.15fr) 132px 132px minmax(118px,.78fr) minmax(150px,1fr) 120px 110px 100px 58px;padding-right:10px}.settlement-row.jobs-compatible-row .settlement-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:0}.settlement-row.jobs-compatible-row .settlement-row-actions .icon-button{width:27px;height:27px;padding:0;display:grid;place-items:center}.settlement-row.jobs-compatible-row .settlement-row-actions svg{width:14px;height:14px}.settlement-row.jobs-compatible-row .status{font-size:10px;white-space:nowrap}.settlement-row.jobs-compatible-row .job-bubble{overflow:hidden;text-overflow:ellipsis}.settlement-row.jobs-compatible-row .cost-bubble{justify-self:stretch}.reconciliation-summary{grid-template-columns:auto 1fr auto;display:grid}.reconciliation-summary>strong{justify-self:center}@media(max-width:1480px)and (min-width:1181px){.reconciliation-column-header,.settlement-row.jobs-compatible-row{grid-template-columns:70px 102px minmax(245px,1.9fr) 126px 126px minmax(105px,.7fr) minmax(125px,.8fr) 110px 100px 92px 58px;gap:6px}}@media(max-width:1180px)and (min-width:761px){.reconciliation-column-header,.settlement-row.jobs-compatible-row{grid-template-columns:66px 92px minmax(195px,1.65fr) 120px 120px minmax(100px,.75fr) minmax(120px,.85fr) 92px 88px 82px 56px;gap:5px}.settlement-row.jobs-compatible-row{padding-left:10px}.reconciliation-column-header{padding-left:10px;padding-right:10px}}@media(max-width:760px){.reconciliation-column-header{display:none}.settlement-row.jobs-compatible-row{grid-template-columns:56px 82px minmax(0,1fr) auto;min-height:88px;padding:9px 10px;gap:6px}.settlement-row.jobs-compatible-row .job-route{grid-column:1/-1}.settlement-row.jobs-compatible-row .billing-bubble{grid-column:1;grid-row:3}.settlement-row.jobs-compatible-row .payment-bubble{grid-column:2/-1;grid-row:3}.settlement-row.jobs-compatible-row .job-customer{grid-column:1/3;grid-row:4}.settlement-row.jobs-compatible-row .job-contractor{grid-column:3;grid-row:4;text-align:right}.settlement-row.jobs-compatible-row .cost-bubble{grid-column:1/3;grid-row:5}.settlement-row.jobs-compatible-row .job-total{grid-column:3;grid-row:5}.settlement-row.jobs-compatible-row .status{grid-column:1/3;grid-row:6}.settlement-row.jobs-compatible-row .settlement-row-actions{grid-column:3;grid-row:6}.reconciliation-summary{display:flex}.reconciliation-summary>strong{align-self:center}.reconciliation-summary .danger{order:3}}.status.summarized:before{background:#8a70c8}.dense-job-row.settlement-summarized{background:#f3effc}.reconciliation-table th:last-child,.reconciliation-table td:last-child{width:68px;text-align:center}.reconciliation-row-actions{display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.reconciliation-row-actions .icon-button{width:28px;height:28px;padding:0;display:inline-grid;place-items:center;vertical-align:middle}.reconciliation-row-actions .icon-button svg{width:15px;height:15px}@media(max-width:760px){.reconciliation-row-actions{gap:2px}.reconciliation-row-actions .icon-button{width:26px;height:26px}}.reconciliation-row-check{display:inline-flex;align-items:center;margin-right:2px;vertical-align:middle}.reconciliation-row-check input{width:15px;height:15px;margin:0;accent-color:#008f86}.reconciliation-table th:last-child,.reconciliation-table td:last-child{width:96px}.reconciliation-bulk-editor{margin:12px 0;padding:10px 12px;border:1px solid #cde4df;border-radius:10px;background:#f2faf8}.reconciliation-bulk-editor>strong{display:block;margin-bottom:8px;color:#075d5c}.reconciliation-bulk-editor .filter-grid{margin:0 0 8px}.reconciliation-bulk-editor .button-group{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:760px){.reconciliation-table th:last-child,.reconciliation-table td:last-child{width:82px}.reconciliation-row-actions .icon-button{width:25px;height:25px}}.partner-settlement-header,.partner-settlement-row{grid-template-columns:110px minmax(220px,2fr) minmax(150px,1.2fr) 130px 130px 130px 100px 42px!important;gap:8px!important}.partner-settlement-row{padding:7px 10px!important;min-height:42px!important}.partner-settlement-row .job-route,.partner-settlement-row .job-contractor{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-settlement-row .margin-bubble{background:#e8f4df;color:#376b3f}@media(max-width:1180px)and (min-width:761px){.partner-settlement-header,.partner-settlement-row{grid-template-columns:88px minmax(160px,1.7fr) minmax(115px,1fr) 108px 108px 108px 84px 36px!important;gap:5px!important;font-size:10px}}@media(max-width:760px){.partner-settlement-header{display:none}.partner-settlement-row{grid-template-columns:1fr auto!important;grid-template-areas:none!important;gap:6px!important;padding:9px 10px!important}.partner-settlement-row>*{grid-area:auto!important}.partner-settlement-row .job-route,.partner-settlement-row .job-contractor{grid-column:1/-1;white-space:normal}.partner-settlement-row .job-total,.partner-settlement-row .cost-bubble,.partner-settlement-row .margin-bubble,.partner-settlement-row .status{justify-self:start}.partner-settlement-row .icon-button{grid-column:2;grid-row:3 / span 2;align-self:center}}.update-notice{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;gap:12px;padding:8px 10px 8px 14px;border:1px solid #94cfc8;border-radius:12px;background:#f2fffd;color:#073d4a;box-shadow:0 8px 24px #073d4a2e;font-size:13px;font-weight:700}.update-notice .button{min-height:32px;padding:5px 12px;font-size:12px}@media(max-width:760px){.update-notice{top:8px;left:10px;right:10px;transform:none;justify-content:space-between;font-size:12px}}.billingo-match-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.billingo-candidates{display:grid;gap:6px;margin:8px 0}.billingo-candidate{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;text-align:left;border:1px solid #d8e6e2;border-radius:10px;background:#f5fbfa;padding:8px 10px;color:inherit;cursor:pointer}.billingo-candidate.selected{border-color:#008b82;box-shadow:0 0 0 2px #c9ece7}.billingo-candidate span,.billingo-candidate small{grid-column:1/-1;font-size:11px;color:#5d6c72}.billingo-candidate strong{font-size:13px}