:root{color:#18212a;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;--bg: #f4f6f8;--surface: #ffffff;--surface-muted: #eef3f6;--line: #d8e1e7;--text: #18212a;--muted: #687684;--primary: #1d6f8f;--primary-strong: #124e66;--accent: #8a5a22;--green: #1f9d55;--yellow: #d8a300;--red: #d64545;--shadow: 0 16px 40px rgba(26, 38, 50, .1)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}.login-screen{align-items:center;background:linear-gradient(120deg,rgba(29,111,143,.12),transparent 44%),linear-gradient(320deg,rgba(138,90,34,.14),transparent 48%),var(--bg);display:flex;justify-content:center;min-height:100vh;padding:24px}.login-panel,.request-panel,.orders-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 26px #1a26320f}.login-panel{display:grid;gap:22px;max-width:430px;padding:32px;width:100%}.login-panel--compact{justify-items:center;text-align:center}.brand-icon{align-items:center;background:var(--primary);border-radius:8px;color:#fff;display:inline-flex;height:44px;justify-content:center;width:44px}.brand-icon--large{height:56px;width:56px}.eyebrow{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}h1,h2{letter-spacing:0;line-height:1.1;margin:0}h1{font-size:clamp(1.55rem,4vw,2rem)}h2{font-size:17px}.stack{display:grid;gap:16px}label{color:var(--muted);display:grid;font-size:12px;font-weight:700;gap:7px}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--text);min-height:38px;padding:8px 10px;width:100%}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1d6f8f2e;outline:none}.primary-button,.secondary-button,.icon-button{align-items:center;border:1px solid transparent;border-radius:6px;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:38px}.primary-button{background:var(--primary);color:#fff;padding:8px 12px}.secondary-button{background:#e6f0f4;border-color:#bbd2dc;color:var(--primary-strong);padding:8px 12px}.icon-button{background:var(--surface);border-color:var(--line);color:var(--primary-strong);height:38px;width:38px}.app-shell{display:grid;gap:14px;margin:0 auto;max-width:1240px;padding:16px 16px 92px}.topbar,.summary-strip,.workspace-grid{width:100%}.topbar{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 26px #1a26320f;display:flex;gap:18px;justify-content:space-between;padding:14px 16px}.brand-lockup,.account-area,.section-heading,.metric,.route-line,.field-row{align-items:center;display:flex;gap:12px}.account-area{color:var(--muted);text-align:right}.account-area div{display:grid}.account-area strong{color:var(--text)}.summary-strip{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric{background:var(--surface-muted);border-radius:999px;color:var(--primary-strong);min-height:42px;padding:8px 12px}.metric svg{color:var(--primary-strong)}.metric div{display:grid;min-width:0}.metric span{color:var(--muted);font-size:12px;font-weight:700}.metric strong{overflow-wrap:anywhere}.workspace-grid{align-items:start;display:grid;gap:14px;grid-template-columns:minmax(320px,440px) minmax(0,1fr)}.request-panel,.orders-panel{display:grid;gap:14px;padding:14px}.orders-column{display:grid;gap:14px}.two-column{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.stops-editor{display:grid;gap:12px}.field-row{justify-content:space-between}.field-row span{color:var(--text);font-size:13px;font-weight:900}.notice{border-radius:8px;font-size:13px;font-weight:700;margin:0;padding:10px 12px}.notice--error{background:#d6454514;border:1px solid rgba(214,69,69,.3);color:var(--red)}.notice--success{background:#1f9d551a;border:1px solid rgba(31,157,85,.28);color:var(--green)}.notice--info{background:#1d6f8f1f;border:1px solid rgba(29,111,143,.24);color:var(--primary-strong)}.role-tabs{background:var(--surface-muted);border-radius:8px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.role-tab{background:transparent;border:0;border-radius:6px;color:var(--muted);font-weight:900;min-height:40px}.role-tab[aria-selected=true]{background:var(--surface);box-shadow:0 1px 4px #1a26321f;color:var(--primary-strong)}.empty-state{background:#fbfcfd;border:1px dashed var(--line);border-radius:8px;color:var(--muted);margin:0;padding:18px;text-align:center}.order-list{display:grid;gap:12px}.order-card{background:#fbfcfd;border:1px solid var(--line);border-radius:8px;display:grid;gap:12px;padding:16px}.order-card p{margin:0}.order-card__header{align-items:center;display:flex;gap:12px;justify-content:space-between}.order-card__header time{color:var(--muted);font-size:.84rem}.route-line{align-items:flex-start}.route-line svg{color:var(--primary);flex:0 0 auto;margin-top:3px}.route-line--destination svg{color:var(--accent)}.route-line div{display:grid;min-width:0}.route-line span,.muted{color:var(--muted);overflow-wrap:anywhere}.status-pill{border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:900;line-height:1;padding:8px 10px}.status-pill--new,.status-pill--recommended{background:#d8a30026;color:#9b7500}.status-pill--assigned,.status-pill--accepted,.status-pill--picked-up{background:#1d6f8f1f;color:var(--primary-strong)}.status-pill--delivered{background:#1f9d551f;color:var(--green)}.status-pill--cancelled{background:#6c757d24;color:#68727d}@media(max-width:860px){.app-shell{padding:18px}.topbar,.account-area{align-items:flex-start}.topbar,.workspace-grid{grid-template-columns:1fr}.topbar{display:grid}.account-area{justify-content:space-between;text-align:left}.summary-strip{grid-template-columns:1fr}}@media(max-width:560px){.login-panel,.request-panel,.orders-panel{padding:18px}.two-column{grid-template-columns:1fr}.order-card__header,.field-row{align-items:flex-start;display:grid}}