*{box-sizing:border-box}body{margin:0;background:#eef3f7;color:#102234;font:16px Arial,sans-serif}button,input,select,textarea{font:inherit}button{border:0;border-radius:12px;background:#0b1f33;color:#fff;padding:12px 16px;font-weight:700;cursor:pointer}button.secondary{background:#fff;color:#0b1f33;border:1px solid #ccd7e0}button.green{background:#14703b}button.orange{background:#c45b08}button:disabled{opacity:.55;cursor:not-allowed}.hidden{display:none!important}.wrap{max-width:980px;margin:auto;padding:18px}.top{background:#0b1f33;color:#fff;padding:14px 18px;position:sticky;top:0;z-index:5}.top .row{max-width:980px;margin:auto}.row{display:flex;gap:10px;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center}.logo{width:42px;height:42px;border-radius:12px;background:#f6b91a;display:grid;place-items:center;font-size:24px}.muted,small{color:#687b8b}.top small{color:#c7d1da}.card{background:#fff;border:1px solid #dbe3ea;border-radius:18px;padding:20px;margin:14px 0;box-shadow:0 8px 24px #19364d12}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}label{display:flex;flex-direction:column;gap:6px;font-weight:700}input,select,textarea{width:100%;border:1px solid #cbd7e1;border-radius:11px;padding:11px 12px;background:#fff;color:#102234}textarea{min-height:88px;resize:vertical}.full{grid-column:1/-1}.tabs{display:flex;gap:7px;overflow:auto;padding:10px 0}.tabs button{white-space:nowrap}.tabs button.active{background:#f6b91a;color:#102234}.pill{display:inline-block;border-radius:99px;padding:5px 10px;background:#e8eff5;font-size:13px;font-weight:700}.pill.available{background:#fff1bf;color:#684b00}.pill.assigned,.pill.on_way{background:#ddebff;color:#174b89}.pill.arrived,.pill.towing{background:#ffe0c7;color:#8a3b00}.pill.completed{background:#d8f3e2;color:#145d33}.job h3{margin:7px 0}.job p{margin:6px 0}.job-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.alert{background:#fff1bf;border:2px solid #f6b91a}.auth{max-width:440px;margin:9vh auto}.message{padding:10px;border-radius:10px;margin-top:10px}.success{background:#d8f3e2;color:#145d33}.error{background:#ffe0e0;color:#8a2222}.location-box{border:1px dashed #9eafbd;border-radius:12px;padding:12px}.status-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.big{font-size:22px;font-weight:800}.customer-head{text-align:center;padding:22px 0}.customer-head .logo{margin:auto}.photo-grid{display:flex;gap:8px;flex-wrap:wrap}.photo-grid img{width:84px;height:84px;object-fit:cover;border-radius:10px}.notice{padding:12px;border-radius:12px;background:#e8f3ff}.shift-on{background:#14703b}.shift-off{background:#7b8791}.report-head{align-items:flex-start}.report-head h2{margin:3px 0}.period-actions{display:flex;gap:7px;flex-wrap:wrap}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.summary-card,.method-card{background:#fff;border:1px solid #d8e2e8;border-radius:14px;padding:16px}.summary-card{display:flex;flex-direction:column;gap:7px}.summary-card b{font-size:23px}.summary-card.yellow{background:#f6b91a}.method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.method-card h3{margin:0 0 12px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric-grid span{font-size:13px;color:#637687}.metric-grid b{display:block;color:#102234;margin-top:4px}.driver-report article{border-top:1px solid #dce4ea;padding:14px 0}.driver-report h3{margin:0 0 10px}.payment-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:8px}.payment-option{background:#e8eff5;color:#102234;border:2px solid transparent}.payment-option.selected{background:#f6b91a;border-color:#0b1f33}.calculation{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#f1f5f8;padding:13px;border-radius:12px}.calculation span{display:flex;flex-direction:column;gap:5px;color:#627586}.calculation b{color:#102234;font-size:19px}.completion-actions{display:flex;gap:9px}.completion-actions button{flex:1}@media(max-width:650px){.grid{grid-template-columns:1fr}.wrap{padding:12px}.card{padding:16px}.top .row,.report-head{align-items:flex-start}.report-head{flex-wrap:wrap}.desktop-only{display:none}.job-actions button{flex:1 1 44%}.summary-grid{grid-template-columns:1fr 1fr}.method-grid,.payment-options{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.calculation{grid-template-columns:1fr}.period-actions{width:100%}.period-actions button{flex:1;padding:10px 7px}.completion-actions{flex-direction:column}}