:root{--black:#161c1d;--dark:#1e2430;--brass:#da3832;--white:#f5f4f0;--gray:#6b7280;--gray-light:#374151;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--radius:12px;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Barlow Condensed", "Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100dvh}body{background:var(--black);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-size:16px;line-height:1.5}#root{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}h1,h2,h3,h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;font-weight:700}a{color:var(--brass);text-decoration:none}button{font-family:var(--font-body);cursor:pointer;-webkit-appearance:none;border:none;outline:none}.btn{border-radius:var(--radius);justify-content:center;align-items:center;gap:.5rem;min-height:56px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:opacity .15s,transform .1s;display:flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brass);color:var(--white)}.btn-secondary{background:var(--gray-light);color:var(--white)}.btn-success{background:var(--success);color:var(--black)}.btn-danger{background:var(--danger);color:var(--white)}.btn-full{width:100%}.btn:disabled{opacity:.5;pointer-events:none}.input{background:var(--dark);border:2px solid var(--gray-light);border-radius:var(--radius);width:100%;min-height:56px;color:var(--white);font-size:1rem;font-family:var(--font-body);padding:.875rem 1rem;transition:border-color .15s}.input:focus{border-color:var(--brass);outline:none}.input::placeholder{color:var(--gray)}.page{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.page-header{background:var(--dark);border-bottom:1px solid var(--gray-light);align-items:center;gap:.75rem;padding:1rem;display:flex}.page-header h1{font-size:1.25rem}.page-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.page-footer{background:var(--dark);border-top:1px solid var(--gray-light);padding:1rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-pending,.badge-in_transit,.badge-dispatched{background:var(--warning);color:var(--black)}.badge-delivered{background:var(--success);color:var(--black)}.badge-failed{background:var(--danger);color:var(--white)}.badge-partial{color:var(--black);background:#f59e0b}.badge-backorder{background:var(--danger);color:var(--white)}.badge-loaded{background:var(--success);color:var(--black)}.badge-loading{background:var(--gray-light);color:var(--white)}.spinner{border:3px solid var(--gray-light);border-top-color:var(--brass);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{flex:1;justify-content:center;align-items:center;display:flex}#map-wrap{height:calc(100vh - 280px)}