
.finance-filter{display:flex;gap:18px;align-items:end;padding:18px 20px;margin-bottom:20px;overflow:visible}.finance-filter label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#75836c}.finance-filter input,.finance-filter select{border:1px solid #dfe5d9;border-radius:6px;padding:9px 11px;font-size:14px;color:#3f5437;background:#fff;min-height:40px}.finance-filter label:nth-child(2){flex:1}.finance-filter .text-btn{margin:0 0 11px 5px}.finance-stats{display:grid;grid-template-columns:1.1fr 1.1fr 1.3fr .8fr;gap:15px;margin-bottom:23px}.money-stat{padding:20px}.money-label{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:14px;color:#77866c}.money-label svg{width:18px;height:18px}.money-stat strong{display:block;font-size:24px;font-weight:600;letter-spacing:-.8px;margin:15px 0 8px;white-space:nowrap}.money-stat small{font-size:14px;color:#8b967f}.money-stat.income strong{color:#3b6d4b}.money-stat.expense strong{color:#c37b4e}.money-stat.balance{background:#254b3c;color:white;border-color:#254b3c}.money-stat.balance .money-label,.money-stat.balance small{color:#c0d0bd}.finance-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:21px;align-items:start}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:14px;color:#869479;white-space:nowrap}.checkbox-label input{accent-color:#426a4c}.ledger-table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}.ledger-table th{padding:13px 18px;font-size:14px;font-weight:500;color:#829173;background:#f9faf6;border-block:1px solid var(--line)}.ledger-table td{padding:17px 18px;font-size:14px;border-bottom:1px solid var(--line)}.ledger-table td strong{font-weight:500;font-size:14px}.ledger-table small{display:block;font-size:14px;color:#8c9880;margin-top:4px}.ledger-table tbody tr:last-child td{border-bottom:0}.ledger-table tbody tr:hover{background:#fcfcf8}.ledger-table .money{font-weight:600;font-size:14px;text-align:right}.money.income,.receipt-amount.income{color:#41734d}.money.expense,.receipt-amount.expense{color:#be7548}.ledger-table .money small{font-weight:400}.vehicle-tag{padding:4px 7px;border-radius:5px;background:#f2f4ec;font-size:14px;color:#77866a}.void-row .money{text-decoration:line-through;opacity:.6}.spend-bars{padding:0 20px 12px}.spend-row{margin-bottom:21px}.spend-row>div:first-child{display:flex;justify-content:space-between;gap:5px;font-size:14px;color:#7c8a70}.spend-row strong{font-size:14px;font-weight:500;color:#526648}.bar-track{height:5px;background:#f2f1e7;border-radius:4px;margin:9px 0 4px;overflow:hidden}.bar-track span{height:100%;display:block;background:#dba16e;border-radius:4px}.spend-row small{font-size:14px;color:#9aa38c}.receipt-amount{padding:23px;background:#f6f7ef;border-radius:9px;margin-bottom:19px}.receipt-amount span{font-size:14px;letter-spacing:1px;display:block;margin-bottom:8px}.receipt-amount strong{font-size:31px;letter-spacing:-1px;font-weight:600}.tracking-notice{display:flex;gap:12px;align-items:center;background:#fbf2e7;border:1px solid #edddca;border-radius:9px;padding:14px 18px;margin-bottom:20px;color:#a77b4d}.tracking-notice strong{display:block;font-size:14px;margin-bottom:3px;font-weight:600}.tracking-notice span{font-size:14px;color:#a08767}.tracking-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.track-stat{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;text-align:left}.track-stat span{display:flex;gap:8px;align-items:center;font-size:14px;color:#7b8d70}.track-stat strong{font-size:23px;font-weight:550}.track-stat.selected{border-color:#849f72;background:#f3f7ec}.track-stat svg{width:17px;height:17px}.tracking-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:20px;align-items:start}.tracking-list .panel-header{padding:19px 17px}.track-card{width:100%;text-align:left;padding:20px 17px;border-top:1px solid var(--line);border-left:3px solid transparent}.track-card.selected{background:#f3f6ed;border-left-color:#637f51}.track-card-title{display:flex;justify-content:space-between;align-items:center;gap:6px}.track-card-title strong{font-size:14px;font-weight:600}.track-card .status{font-size:14px;padding:4px 5px}.track-card p{font-size:14px;color:#78876c;margin:11px 0 9px;line-height:1.7}.track-card small{font-size:14px;color:#9aa38b;display:flex;align-items:center;gap:5px}.track-card small svg{width:12px;height:12px}.tracking-list .tip{margin-top:17px}.map-panel{min-width:0;position:relative}.map-top{padding:13px 17px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;color:#9ba58e}.demo-map-label{font-size:14px;letter-spacing:1.2px;font-weight:600;color:#b78958}.map-panel #trackingMap{height:360px;width:100%;background:#e7ecdf;z-index:1}.leaflet-container{font-family:'Be Vietnam Pro',sans-serif!important}.leaflet-container a{color:#4c7753}.leaflet-control-attribution{font-size:14px!important}.vehicle-map-marker{background:transparent;border:0;overflow:visible!important}.vehicle-map-marker>span{width:40px;height:40px;display:grid;place-items:center;background:#416d50;color:white;border:3px solid #fff;border-radius:50%;box-shadow:0 3px 12px #132b2c44}.vehicle-map-marker b{position:absolute;top:43px;left:50%;transform:translateX(-50%);white-space:nowrap;background:white;padding:3px 6px;border-radius:4px;font-size:14px;font-weight:600;color:#38513d;box-shadow:0 2px 8px #23391b22}.vehicle-map-marker.stale>span{background:#c28962}.vehicle-map-marker.stopped>span{background:#7790a5}.vehicle-map-marker.chosen>span{box-shadow:0 0 0 6px #ecb77966,0 3px 12px #132b2c44}.map-fallback{font-size:14px;color:#9e7d55;padding:12px 18px;background:#fff4e7}.trip-detail{padding:22px}.trip-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.trip-heading .eyebrow{font-size:14px;display:block;margin-bottom:5px}.trip-heading h2{font-size:14px}.trip-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:16px 0;margin:18px 0}.trip-metrics>div{padding:0 13px;border-right:1px solid var(--line)}.trip-metrics>div:first-child{padding-left:0}.trip-metrics>div:last-child{border:0}.trip-metrics small{display:block;font-size:14px;color:#88977c;margin-bottom:6px}.trip-metrics strong{font-size:19px;font-weight:550;letter-spacing:-.5px}.trip-metrics em{font-size:14px;font-style:normal;font-weight:400;color:#94a086;letter-spacing:0}.trip-route{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.trip-route>div{padding-left:18px;position:relative}.trip-route i{position:absolute;top:5px;left:0;width:8px;height:8px;border:2px solid #829d72;border-radius:50%}.trip-route>div:last-child i{border-color:#d49d69}.trip-route small{display:block;font-size:14px;color:#96a189;margin-bottom:5px}.trip-route strong{font-size:14px;font-weight:500;color:#6a7c5e}.trip-location{padding:12px 14px;background:#f6f7f0;border-radius:7px}.trip-location span{display:flex;align-items:center;gap:6px;font-size:14px;color:#6a805d}.trip-location svg{width:15px;height:15px}.trip-location small{display:block;font-size:14px;color:#98a38d;margin:5px 0 0 21px}.trip-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.trip-actions .btn{font-size:14px;padding:9px 12px}.trip-note{font-size:14px;color:#9ba58f;margin-top:13px;line-height:1.7}.signal-warning{margin-top:15px;display:flex;gap:7px;align-items:center;color:#b18255;font-size:14px;background:#fdf2e6;border-radius:6px;padding:10px}.signal-warning svg{width:17px;height:17px}.nav{gap:3px}.nav button{padding-top:11px;padding-bottom:11px}
@media(max-width:1300px){.finance-layout{grid-template-columns:minmax(0,1fr)}.spend-panel{display:none}.money-stat{padding:17px}.money-stat strong{font-size:20px}.tracking-layout{grid-template-columns:255px minmax(0,1fr)}.trip-heading{align-items:flex-start}.trip-metrics strong{font-size:17px}.trip-actions .btn{font-size:14px;padding:9px}}
@media(max-width:1050px){.tracking-layout{grid-template-columns:1fr}.tracking-list{display:grid;grid-template-columns:repeat(3,1fr)}.tracking-list .panel-header{grid-column:1/-1}.tracking-list .tip{grid-column:1/-1}.track-card{border-left:0;border-bottom:3px solid transparent;padding:15px}.track-card.selected{border-left:0;border-bottom-color:#637f51}.track-card-title{flex-direction:column;align-items:flex-start}.tracking-summary{grid-template-columns:repeat(2,1fr)}.finance-stats{grid-template-columns:repeat(2,1fr)}.finance-filter{gap:11px;flex-wrap:wrap}.finance-filter label{flex:1}.finance-filter .text-btn{flex:1}.map-panel #trackingMap{height:360px}}
@media(max-width:600px){.finance-filter{padding:14px;gap:12px;display:grid;grid-template-columns:1fr 1fr}.finance-filter label{min-width:0;font-size:14px}.finance-filter input,.finance-filter select{font-size:14px;min-width:0;width:100%;padding:9px 7px}.finance-filter .text-btn{margin:0;justify-content:center}.finance-stats{gap:10px;margin-bottom:18px}.money-stat{padding:15px 12px}.money-stat strong{font-size:19px;margin:13px 0 8px;letter-spacing:-.6px}.money-label{font-size:14px;gap:4px}.money-label svg{width:14px;height:14px}.money-stat small{font-size:14px}.ledger-panel .panel-header{gap:8px}.checkbox-label{font-size:14px}.ledger-table,.ledger-table tbody{display:block;white-space:normal}.ledger-table thead{display:none}.ledger-table tr{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.ledger-table td{border:0;padding:0;min-width:0}.ledger-table td:first-child{grid-column:1;grid-row:1}.ledger-table td:nth-child(2){grid-column:1;grid-row:2}.ledger-table td:nth-child(3){grid-column:2;grid-row:2;text-align:right}.ledger-table td:nth-child(4){grid-column:2;grid-row:1}.ledger-table td:nth-child(5){display:none}.ledger-table .money{font-size:14px}.ledger-table td strong{font-size:14px}.ledger-table small{font-size:14px}.ledger-table td:first-child small{font-size:14px}.tracking-notice{padding:13px 12px;gap:8px;align-items:flex-start}.tracking-notice>svg{width:16px;height:16px;margin-top:2px}.tracking-notice strong{font-size:14px}.tracking-notice span{display:block;font-size:14px;line-height:1.8}.tracking-summary{gap:9px;margin-bottom:17px}.track-stat{padding:12px}.track-stat span{font-size:14px;gap:5px}.track-stat strong{font-size:21px}.track-stat svg{width:15px;height:15px}.tracking-list{display:block}.track-card-title{flex-direction:row;align-items:center}.track-card{padding:14px 15px;border-bottom:0;border-left:3px solid transparent}.track-card.selected{border-bottom:0;border-left:3px solid #637f51}.track-card p{margin:7px 0;font-size:14px}.track-card small{font-size:14px}.tracking-list .tip{font-size:14px;margin:12px}.map-panel #trackingMap{height:310px}.map-top{font-size:14px;padding:12px;gap:8px}.demo-map-label{font-size:14px;letter-spacing:.6px}.trip-detail{padding:16px}.trip-heading{flex-direction:column;gap:9px}.trip-heading h2{font-size:14px}.trip-metrics{gap:0;margin:15px 0}.trip-metrics>div{padding:0 8px}.trip-metrics strong{font-size:16px}.trip-metrics small{font-size:14px}.trip-metrics em{font-size:14px}.trip-route{gap:12px}.trip-route strong{font-size:14px}.trip-route small{font-size:14px}.trip-actions{display:grid;grid-template-columns:1fr 1fr}.trip-actions .btn:first-child{grid-column:1/-1}.trip-actions .btn{font-size:14px;padding:10px 8px}.trip-note{font-size:14px}.signal-warning{font-size:14px}.receipt-amount strong{font-size:28px}.map-fallback{font-size:14px}.sidebar .nav button{padding-top:9px;padding-bottom:9px}}
@media(max-height:760px){.sidebar{overflow-y:auto}.sidebar-foot{padding-top:10px}.demo-side{display:none}.workspace{margin-bottom:18px}.brand{padding-bottom:20px}}
