:root{--text:#4b4854;--text-secondary:#78757f;--text-h:#0d0b14;--bg:#fbfafc;--bg-elevated:#fff;--bg-subtle:#f2f0f5;--border:#e6e3ea;--accent:#6b3bff;--accent-hover:#5a2fe0;--accent-text:#fff;--accent-soft:#efe9ff;--danger:#c22b1f;--danger-soft:#fbeae8;--success:#1c7a3d;--success-soft:#e6f5ea;--warning:#a15c00;--warning-soft:#fdf1de;--info:#1c5cb8;--info-soft:#e8f0fc;--radius-sm:8px;--radius-md:12px;--shadow-sm:0 1px 2px #140c280f, 0 1px 3px #140c2814;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, sans-serif;font:16px/1.5 var(--sans);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#c3c0ca;--text-secondary:#8d8a96;--text-h:#f5f4f7;--bg:#121016;--bg-elevated:#1a1720;--bg-subtle:#201d28;--border:#2c2933;--accent:#9b7bff;--accent-hover:#b299ff;--accent-text:#0c0a11;--accent-soft:#251c47;--danger:#f2685c;--danger-soft:#3a1a19;--success:#4fbf74;--success-soft:#16301f;--warning:#e0a63e;--warning-soft:#3a2c10;--info:#6ba6f5;--info-soft:#16273f;--shadow-sm:0 1px 2px #00000059}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}button,input{font:inherit}.login-screen{justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.login-form{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:360px;box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:32px 24px;display:flex}.login-mark{border-radius:var(--radius-sm);background:var(--accent);width:44px;height:44px;color:var(--accent-text);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.login-form h1{color:var(--text-h);margin:0;font-size:22px}.login-subtitle{color:var(--text-secondary);margin:-6px 0 6px;font-size:14.5px}.login-form label{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;display:flex}.login-form input{border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px 14px;font-size:16px}.login-footer{text-align:center;color:var(--text-secondary);margin:10px 0 0;font-size:12.5px}button,a.ghost,a.primary{cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);justify-content:center;align-items:center;padding:12px 16px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}button.primary,a.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.primary:active,a.primary:active{background:var(--accent-hover)}button:disabled{opacity:.55;cursor:not-allowed}button.ghost,a.ghost{background:0 0}.form-error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);margin:0;padding:10px 12px;font-size:14px}.route-screen{flex-direction:column;gap:16px;max-width:640px;margin:0 auto;padding:20px 16px 32px;display:flex}.route-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.route-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0 0 2px;font-size:12.5px;font-weight:700}.route-header h1{color:var(--text-h);margin:0;font-size:22px}.loc-badge{border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.loc-badge .loc-dot{border-radius:50%;flex:none;width:7px;height:7px}.loc-sharing{background:var(--success-soft);color:var(--success)}.loc-sharing .loc-dot{background:var(--success);animation:2s ease-in-out infinite loc-pulse}.loc-off{background:var(--warning-soft);color:var(--warning)}.loc-off .loc-dot{background:var(--warning)}@keyframes loc-pulse{0%,to{opacity:1}50%{opacity:.35}}.route-empty{color:var(--text-secondary);text-align:center;padding:40px 16px}.stop-list{flex-direction:column;gap:14px;display:flex}.stop-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px;display:flex}.stop-card-top{align-items:flex-start;gap:12px;display:flex}.stop-index{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.stop-card-title{flex:1;min-width:0}.stop-card-title h2{color:var(--text-h);margin:0;font-size:17px}.stop-address{color:var(--text-secondary);margin:2px 0 0;font-size:14px}.status-pill{white-space:nowrap;border-radius:999px;flex:none;padding:4px 10px;font-size:12px;font-weight:700}.status-queued,.status-assigned{background:var(--info-soft);color:var(--info)}.status-enroute{background:var(--warning-soft);color:var(--warning)}.status-delivered{background:var(--success-soft);color:var(--success)}.status-cancelled{background:var(--bg-subtle);color:var(--text-secondary)}.stop-meta{color:var(--text-secondary);flex-wrap:wrap;gap:10px;font-size:13.5px;display:flex}.rush-badge{color:var(--danger);font-weight:700}.package-list{color:var(--text);flex-direction:column;gap:3px;margin:0;padding-left:18px;font-size:13.5px;display:flex}.stop-actions{gap:10px;display:flex}.stop-actions>*{flex:1}.route-footer{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.route-footer p{color:var(--text-secondary);margin:0;font-size:12.5px}.route-efficiency{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-self:flex-start;margin:0;padding:5px 12px;font-size:13px;font-weight:600}.pickup-banner{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.pickup-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.pickup-name{color:var(--text-h);margin:2px 0 0;font-size:16px;font-weight:600}.pickup-address{color:var(--text-secondary);margin:2px 0 0;font-size:13.5px}.pickup-banner .ghost{flex:none;padding:10px 14px}.offline-banner,.sync-banner{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:500;display:flex}.offline-banner{background:var(--warning-soft);color:var(--warning)}.offline-banner .offline-dot{background:var(--warning);border-radius:50%;flex:none;width:8px;height:8px}.sync-banner{background:var(--info-soft);color:var(--info)}.route-progress{flex-direction:column;gap:8px;display:flex}.route-progress-head{color:var(--text-secondary);justify-content:space-between;font-size:13.5px;font-weight:600;display:flex}.route-progress-done{color:var(--success)}.progress-track{background:var(--bg-subtle);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.next-stop{background:var(--bg-elevated);border:1px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:6px;padding:18px;display:flex}.next-stop-head{align-items:center;gap:10px;display:flex}.next-stop-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:11.5px;font-weight:700}.next-stop-name{color:var(--text-h);text-align:left;background:0 0;border:none;align-self:flex-start;padding:0;font-size:22px;font-weight:700;line-height:1.2}.next-stop-address{color:var(--text-secondary);margin:0;font-size:14.5px}.next-stop-actions{gap:10px;margin-top:8px;display:flex}.next-stop-actions>*{flex:1}.next-stop-nav{padding:14px 16px;font-size:16px}.next-stop.arrived{border-color:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.next-stop.arrived .next-stop-eyebrow{color:var(--success)}.arrived-badge{color:var(--success);background:var(--success-soft);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700;animation:1.6s ease-in-out infinite loc-pulse}.next-stop-distance{color:var(--text-secondary);margin:2px 0 0;font-size:13px;font-weight:600}.next-stop-arrived-cta{background:var(--success);border-color:var(--success);color:#fff;width:100%;margin-top:10px;padding:14px 16px;font-size:16px}.next-stop-arrived-cta:active{opacity:.9}.tbt{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.tbt-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tbt-title{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);font-size:12px;font-weight:700}.tbt-summary{color:var(--accent);font-size:12.5px;font-weight:600}.tbt-recalc{margin-left:auto;padding:6px 12px;font-size:13px}.tbt-note{color:var(--text-secondary);margin:10px 0 0;font-size:12.5px}.tbt-steps{flex-direction:column;margin:12px 0 0;padding:0;list-style:none;display:flex}.tbt-step{border-left:3px solid var(--border);color:var(--text);align-items:baseline;gap:12px;padding:10px 12px;font-size:14.5px;display:flex}.tbt-step.done{color:var(--text-secondary);opacity:.6}.tbt-step.current{border-left-color:var(--accent);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-h);font-weight:600}.tbt-step-text{flex:1}.tbt-step-dist{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px}.tbt-toggle{color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:8px;padding:6px 8px;font-size:13px;font-weight:600;display:inline-flex}.tbt-switch{background:var(--border);border-radius:999px;flex:none;width:34px;height:20px;transition:background .15s;position:relative}.tbt-switch.on{background:var(--accent)}.tbt-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px}.tbt-switch.on .tbt-knob{transform:translate(14px)}.action-panel{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:12px;display:flex}.panel-label{color:var(--text-secondary);font-size:13px;font-weight:600}.panel-hint{color:var(--text-secondary);margin:0;font-size:13px}.text-input,.action-panel select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);width:100%;padding:12px 14px;font-size:16px}.signature-pad{flex-direction:column;gap:6px;display:flex}.signature-canvas{border:1px dashed var(--border);border-radius:var(--radius-sm);touch-action:none;background:#fff;width:100%;height:160px}.signature-row{justify-content:space-between;align-items:center;display:flex}.signature-hint{color:var(--text-secondary);font-size:12.5px}.signature-row button{padding:6px 12px;font-size:13px}.package-picker{background:var(--bg-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.inline-checkbox{align-items:center;gap:8px;font-size:14px;display:flex}.inline-checkbox input{width:18px;height:18px}.email-preview{background:var(--bg-subtle);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;margin:0;padding:12px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;line-height:1.5}.manifest-view{flex-direction:column;gap:8px;display:flex}.manifest-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;display:flex}.manifest-state{text-transform:uppercase;letter-spacing:.04em;background:var(--bg-subtle);color:var(--text-secondary);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.manifest-state.state-completed{background:var(--success-soft);color:var(--success)}.manifest-state.state-rejected{background:var(--danger-soft);color:var(--danger)}.manifest-state.state-in_transit{background:var(--warning-soft);color:var(--warning)}.manifest-lic{color:var(--text-secondary);margin:0;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.manifest-rejection{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);margin:0;padding:8px 10px;font-size:13px}.manifest-packages{flex-direction:column;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.mpkg{border-radius:var(--radius-sm);background:var(--bg-subtle);align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.mpkg-rejected{background:var(--danger-soft)}.mpkg-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;flex:none;margin-top:1px;padding:2px 8px;font-size:10.5px;font-weight:700}.badge-accepted{background:var(--success-soft);color:var(--success)}.badge-rejected{background:var(--danger);color:#fff}.mpkg-body{flex-direction:column;min-width:0;display:flex}.mpkg-item{color:var(--text-h);font-size:14px;font-weight:600}.mpkg-rejected .mpkg-item{text-decoration:line-through;-webkit-text-decoration-color:var(--danger);text-decoration-color:var(--danger)}.mpkg-sub{color:var(--text-secondary);font-family:ui-monospace,Menlo,monospace;font-size:12px}.manifest-summary{color:var(--text-secondary);margin:2px 0 0;font-size:12.5px;font-weight:600}@media (width>=480px){.stop-actions{justify-content:flex-end}.stop-actions>*{flex:none}}