.driver-hero h1{font-size:34px}.driver-stats{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:18px;margin-bottom:26px}.driver-stats>div{padding:22px;background:white;border:1px solid var(--line);border-radius:10px}.driver-stats>div>span{font-size:13px;color:#7a879b}.driver-stats b{display:flex;align-items:baseline;gap:10px;font-size:31px;color:#2e57a3;margin-top:10px}.driver-stats small{font-size:12px;font-weight:500}.driver-stats .wallet-stat{background:#eaf1fc;border-color:#d4e0f4}.driver-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.driver-tabs button{font:inherit;border:1px solid var(--line);border-radius:7px;padding:11px 17px;background:white;color:#77859a;cursor:pointer}.driver-tabs button.selected{color:white;background:#2e57a3;border-color:#2e57a3}.driver-tabs button span{font-size:11px;margin-inline-start:12px;padding:2px 7px;border-radius:20px;background:#dce6f5;color:#2e57a3}.trip-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.trip-card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;min-width:0;align-self:start}.trip-header{display:flex;justify-content:space-between;gap:12px;align-items:center}.trip-header small{font-size:11px}.trip-header h2{font-size:20px;margin:5px 0 0}.trip-header .status{white-space:nowrap}.trip-progress{list-style:none;padding:0;display:flex;margin:23px 0;border-bottom:1px solid var(--line);padding-bottom:20px}.trip-progress li{flex:1;display:flex;align-items:center;gap:8px;color:#9aa7b9;font-size:12px}.trip-progress li span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;border:1px solid #d9e2ef}.trip-progress .current{color:#2e57a3}.trip-progress .current span{color:white;background:#2e57a3;border-color:#2e57a3}.trip-progress .done{color:#4c8773}.trip-route{display:grid;gap:10px}.route-button{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #dce5f3;border-radius:8px;color:#2e57a3;text-decoration:none;background:#f6f9fd;min-height:66px}.route-button:hover{background:#edf3fc}.route-button>span:nth-child(2){min-width:0;flex:1}.route-button b{display:block;font-size:14px}.route-button small{font-size:11px;margin-top:4px;color:#8492a6;overflow-wrap:anywhere}.route-icon{font-size:23px;color:#7d9bcb}.route-arrow{font-size:20px}.route-button.unavailable{opacity:.55}.trip-cargo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:19px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.trip-cargo b{display:block;font-size:13px;margin-top:5px;overflow-wrap:anywhere}.trip-earnings{background:#eef4fd;border-radius:8px;padding:15px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:17px}.trip-earnings b{font-size:24px;color:#2e57a3}.trip-earnings>span{font-size:11px;color:#7185a3}.trip-earnings .earned{color:#39866c;width:100%}.trip-primary{width:100%;font-size:15px!important}.handoff-panel{padding:17px;border:1px solid #dbe5f5;border-radius:8px;line-height:1.8}.handoff-panel h3{margin:9px 0;font-size:15px}.handoff-panel .code{display:block;text-align:center;margin:15px 0;letter-spacing:5px}.handoff-panel .primary{width:100%}.handoff-panel p{margin:6px 0}.handoff-panel.completed{background:#f1f7f4;color:#32785e}.trip-details{font-size:12px;color:#8190a7;margin-top:19px}.trip-details summary{cursor:pointer;padding-block:8px}.trip-detail-grid{display:grid;grid-template-columns:1fr;margin-top:15px}.trip-detail-grid svg{max-height:230px}.trip-note{padding:11px;background:#fffbef;border-radius:6px}.finance-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-bottom:25px}.finance-kpis>div{padding:20px;border:1px solid var(--line);background:white;border-radius:9px}.finance-kpis b{display:block;font-size:25px;color:#2e57a3;margin:10px 0}.finance-kpis span{font-size:11px;color:#8b97a9}.finance-table{min-width:650px}.finance-table td,.finance-table th{vertical-align:middle}.finance-table small{margin-top:5px}.finance-table button{font-size:12px;white-space:nowrap}.finance-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.finance-detail-grid .card{min-width:0}.finance-detail-grid th{width:55%}.finance-margin{display:block;font-size:34px;color:#2e57a3;margin:15px 0}.automation-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.automation-steps b{font-size:14px}.automation-steps p{font-size:12px}.settings-form{max-width:820px}.settings-form h2{padding-top:22px;margin-top:12px;border-top:1px solid var(--line);font-size:18px}.settings-form h2:first-child{border:0;padding:0}.settings-form>.primary{margin-top:22px}.settings-form .hint{margin-bottom:20px}
@media(max-width:1250px){.trip-list{grid-template-columns:1fr}}
@media(max-width:800px){.finance-detail-grid{grid-template-columns:1fr}.driver-stats{gap:10px}.driver-stats>div{padding:16px}.driver-stats b{font-size:25px}.trip-card{padding:18px}}
@media(max-width:650px){.driver-hero h1{font-size:27px}.driver-stats{grid-template-columns:1fr 1fr}.driver-stats .wallet-stat{grid-column:1/-1}.driver-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.driver-tabs button{padding:10px;font-size:13px}.trip-card{padding:16px}.trip-header h2{font-size:18px}.route-button{min-height:72px;padding:14px}.route-button b{font-size:15px}.route-button small{font-size:12px}.trip-progress{margin:19px 0}.trip-earnings{gap:12px}.handoff-panel{padding:14px}.trip-progress li{font-size:12px;gap:5px}.finance-kpis{grid-template-columns:1fr 1fr;gap:10px}.finance-kpis>div{padding:14px}.finance-kpis b{font-size:21px;overflow-wrap:anywhere}.finance-kpis small{font-size:12px}.automation-steps{grid-template-columns:1fr}.finance-detail-grid .row{flex-wrap:wrap}.finance-detail-grid table{font-size:13px}}
@media(max-width:359px){.trip-cargo{gap:12px}.trip-header{align-items:flex-start;flex-wrap:wrap}.finance-kpis{grid-template-columns:1fr}.trip-progress li{font-size:11px}}
@media(min-width:651px){aside nav{min-height:0;overflow-y:auto;flex:1}aside nav button{padding:11px 12px;margin:3px 0}aside .small{margin-bottom:18px}.asideBottom{padding-top:12px}}
.trip-card:only-child{grid-column:1/-1}@media(min-width:1051px){.trip-card:only-child .trip-route{grid-template-columns:repeat(3,minmax(0,1fr))}.trip-card:only-child .trip-cargo{grid-template-columns:repeat(4,minmax(0,1fr))}.trip-card:only-child .trip-primary{max-width:340px;display:block;margin-inline-start:auto}.trip-card:only-child .trip-detail-grid{grid-template-columns:1fr 1fr}}
