*{box-sizing:border-box}body{color:#111827;background:#f3f4f6;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.auth-page{background:#f3f4f6;place-items:center;min-height:100vh;display:grid}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:10px;width:360px;padding:20px;display:grid}.auth-card label{gap:6px;font-size:14px;display:grid}.auth-card input{border:1px solid #d1d5db;border-radius:8px;padding:10px}.auth-card button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 12px}.layout{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.mobile-menu-btn{display:none}.sidebar{color:#fff;background:#111827;border-right:1px solid #e5e7eb;grid-template-rows:auto 1fr auto;gap:14px;padding:16px;display:grid}.sidebar-inner{grid-template-rows:auto 1fr auto;gap:14px;display:grid}.mobile-overlay{display:none}.sidebar nav,.sidebar-actions{gap:8px;display:grid}.sidebar button{text-align:left;color:#e5e7eb;cursor:pointer;background:#1f2937;border:none;border-radius:8px;padding:10px}.sidebar button.active{color:#fff;background:#2563eb}.sidebar .logout{background:#374151}.sidebar .sidebar-quick-action{color:#fff;background:#2563eb;font-weight:700}.content{gap:14px;padding:18px;display:grid}.content-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.content-header button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:10px 12px}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.summary-layout{gap:12px;display:grid}.summary-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.summary-context{gap:8px;display:grid}.summary-context-label{color:#0f172a;font-size:14px;font-weight:700}.summary-context-meta{flex-wrap:wrap;gap:8px;display:flex}.summary-filter{gap:6px;font-size:13px;display:inline-grid}.summary-filter select{background:#fff;border:1px solid #d1d5db;border-radius:8px;min-width:220px;padding:8px 10px}.summary-hero-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.summary-hero-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e5e7eb;border-radius:14px;gap:10px;min-width:0;padding:16px;display:grid}.summary-hero-card-primary{background:linear-gradient(#eff6ff 0%,#dbeafe 100%);border-color:#bfdbfe}.summary-hero-label{color:#475569;font-size:13px}.summary-hero-value{color:#0f172a;font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1.1}.summary-hero-meta{color:#334155;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.summary-inline-action{color:#1d4ed8;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.summary-split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px;display:grid}.summary-signal-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.summary-signal-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;gap:8px;padding:12px;display:grid}.summary-signal-card p{color:#475569;margin:0;font-size:12px;line-height:1.4}.summary-signal-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.summary-signal-head span{color:#334155;font-size:13px}.summary-signal-head strong{color:#0f172a;font-variant-numeric:tabular-nums;font-size:24px;font-weight:800;line-height:1}.summary-signal-card-danger{background:#fef2f2;border-color:#fecaca}.summary-signal-card-warning{background:#fffbeb;border-color:#fde68a}.summary-signal-card-primary{background:#eff6ff;border-color:#bfdbfe}.summary-signal-card-success{background:#f0fdf4;border-color:#bbf7d0}.summary-signal-card-neutral{background:#f8fafc;border-color:#e5e7eb}.summary-kpi-grid .stat-card{padding:12px}.summary-kpi-grid .stat-value{font-size:22px}.summary-footnotes{color:#475569;flex-wrap:wrap;gap:10px;font-size:12px;display:flex}.summary-footnotes span{background:#f8fafc;border:1px solid #e5e7eb;border-radius:999px;align-items:center;padding:6px 10px;display:inline-flex}.summary-pill{border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.summary-pill-neutral{color:#374151;background:#f3f4f6}.summary-pill-primary{color:#1d4ed8;background:#dbeafe}.summary-pill-success{color:#166534;background:#dcfce7}.summary-pill-warning{color:#92400e;background:#fef3c7}.summary-pill-danger{color:#b91c1c;background:#fee2e2}.summary-point-name{gap:4px;display:grid}.summary-point-name strong{font-size:13px}.summary-point-name span{color:#475569;font-size:12px}.summary-point-state{gap:6px;display:grid}.summary-point-state small{color:#475569;white-space:normal;font-size:12px;line-height:1.35}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.stat-title{color:#6b7280;font-size:13px}.stat-value{margin-top:6px;font-size:24px;font-weight:700}.table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px}.admin-grid{grid-template-columns:1.4fr 1fr;gap:12px;display:grid}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:0;padding:12px}.panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:8px;display:flex}.panel-actions button,.panel>button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;min-height:36px;padding:8px 10px}.panel-actions button.danger{background:#b91c1c}.panel-actions label{align-items:center;gap:8px;font-size:13px;display:inline-flex}.panel-actions select{border:1px solid #d1d5db;border-radius:8px;padding:6px 8px}.row-selected{background:#eff6ff}.form-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.form-grid label{gap:4px;font-size:13px;display:grid}.field-hint{color:#6b7280;font-size:12px}.form-grid .form-full{grid-column:1/-1}.form-grid input,.form-grid select{border:1px solid #d1d5db;border-radius:8px;padding:8px}.inline-edit{align-items:center;gap:6px;display:flex}.inline-edit input{min-width:110px}.table-actions-cell{flex-wrap:wrap;gap:6px;display:flex}.detail{gap:6px;font-size:14px;display:grid}.confirm-check{align-items:center;gap:8px;margin-top:10px;font-size:14px;display:flex}.table-scroll{width:100%;max-height:70vh;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;white-space:nowrap;vertical-align:top;border-bottom:1px solid #e5e7eb;padding:8px;font-size:13px}th:first-child,td:first-child{padding-left:10px}th:last-child,td:last-child{padding-right:10px}.num-col{text-align:right;font-variant-numeric:tabular-nums}.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:10px}.placeholder{background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;padding:12px}.modal-backdrop{z-index:90;background:#0006;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:12px;width:min(720px,100vw - 24px);max-height:calc(100vh - 24px);padding:16px;display:grid;position:relative;overflow-y:auto}.modal-card-wide{width:min(1100px,100vw - 24px)}.modal-card-chart{width:min(1320px,100vw - 24px)}.modal-header{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;margin-bottom:4px;display:flex}.modal-header h3{overflow-wrap:anywhere;min-width:0;margin:0}.modal-close{color:#fff;cursor:pointer;background:#b91c1c;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:inline-flex}.chart-preview-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin:10px 0 12px;display:grid}.chart-card{background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:12px}.chart-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.chart-card-head h4{overflow-wrap:anywhere;margin:0 0 4px}.chart-card-stats{color:#475569;flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.chart-card-stats span{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:4px 8px}.chart-canvas-wrap{width:100%;min-height:220px;position:relative}.salary-panel{padding:10px}.salary-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.salary-head h3{margin:0;font-size:18px}.salary-meta{color:#6b7280;font-size:12px}.salary-toolbar{justify-content:flex-start;margin-bottom:6px}.btn-compact{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:6px 8px;font-size:12px}.btn-compact.ghost{color:#111827;background:#e5e7eb}.btn-compact.danger{background:#b91c1c}.salary-table-wrap{max-height:62vh}.salary-table th,.salary-table td{padding:6px 8px;font-size:12px}.salary-table .num-col{text-align:right;font-variant-numeric:tabular-nums}.salary-table .highlight{font-weight:700}.salary-actions-cell{flex-wrap:wrap;gap:6px;display:flex}.role-badge{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.role-badge.admin{color:#5b21b6;background:#ede9fe}.role-badge.operator{color:#1e3a8a;background:#dbeafe}.role-badge.driver{color:#166534;background:#dcfce7}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.badge{color:#111827;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.muted-text{color:#6b7280}.cash-presets{flex-wrap:wrap;gap:8px;display:flex}.reconcile-metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.reconcile-chip{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;gap:6px;padding:12px;display:grid}.reconcile-chip span{color:#6b7280;font-size:12px}.reconcile-chip strong{font-variant-numeric:tabular-nums;font-size:18px}.reconcile-chip.positive{background:#eff6ff;border-color:#bfdbfe}.reconcile-chip.negative{background:#fef2f2;border-color:#fecaca}.reconcile-chip.neutral{background:#f8fafc;border-color:#e5e7eb}.shipments-header .panel-actions{align-items:center;margin-bottom:0}.shipment-settings{grid-template-columns:1.1fr .9fr;gap:12px;margin-bottom:12px;display:grid}.shipment-settings-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;gap:10px;min-width:0;padding:12px;display:grid}.shipment-settings-card h4{margin:0}.shipment-settings-note{align-content:start}.compact-grid{margin-bottom:0}.shipment-planner{grid-template-columns:1.05fr 1fr;gap:12px;margin-bottom:12px;display:grid}.shipment-planner-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;gap:10px;min-width:0;padding:12px;display:grid}.shipment-planner-card h4{margin:0}.run-points-picker{flex-wrap:wrap;gap:8px;display:flex}.point-chip{cursor:pointer;color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:6px 10px}.point-chip.active{background:#dbeafe;border-color:#60a5fa}.run-stop-list,.run-list{gap:8px;display:grid}.run-stop-row,.run-route-stop{background:#fff;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:minmax(240px,1.8fr) minmax(90px,.7fr) minmax(110px,.8fr) minmax(90px,.5fr);align-items:center;gap:8px;padding:8px 10px;display:grid}.run-stop-actions{flex-wrap:wrap;gap:6px;display:flex}.run-route-main{min-width:0}.run-route-status,.run-route-shipment{color:#374151}.run-route-weight{text-align:right;font-variant-numeric:tabular-nums}.run-list-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:8px;padding:10px;display:grid}.run-list-header,.run-list-meta{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.run-route{gap:6px;display:grid}@media (width<=960px){.layout{grid-template-columns:1fr}.mobile-menu-btn{z-index:60;color:#fff;background:#111827;border:none;border-radius:8px;padding:8px 10px;display:block;position:fixed;top:12px;left:12px}.sidebar{border-right:none;padding:0}.sidebar-inner{z-index:70;background:#111827;width:260px;height:100vh;padding:16px;transition:left .2s;position:fixed;top:0;left:-280px}.sidebar-inner.open{left:0}.mobile-overlay{display:none}.mobile-overlay.open{z-index:65;background:#00000059;display:block;position:fixed;inset:0}.content{padding:56px 12px 12px}.admin-grid,.summary-split,.form-grid,.shipment-planner,.shipment-settings,.run-route-stop{grid-template-columns:1fr}.run-route-weight{text-align:left}.chart-card-stats{flex-direction:column;align-items:flex-start}.content-header,.panel-header,.panel-actions{justify-content:flex-start}table{min-width:640px}}@media (width<=640px){.auth-card,.modal-card,.modal-card-wide,.modal-card-chart{width:min(100%,100vw - 16px)}.modal-backdrop{padding:8px}.modal-card{gap:10px;padding:12px}.modal-header{gap:10px}.grid{grid-template-columns:1fr}.summary-filter select{min-width:0}.table-scroll{max-height:56vh}}