:root{--bg: #ffffff;--surface: #f5f7fa;--surface-2: #eceff4;--border: #d9d9d9;--text: #0B0F19;--muted: #6b6b6b;--primary: #1F5BFF;--done-bg: #0B0F19;--done-text: #ffffff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text)}.screen{min-height:100vh;max-width:640px;margin:0 auto;padding:20px 16px 32px;display:flex;flex-direction:column;gap:14px}.screen.center{justify-content:center;align-items:center;text-align:center}.logo{height:28px;display:block}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.eyebrow{color:var(--muted);font-size:.8rem}h1{margin:2px 0 0;font-size:1.4rem}.map{width:100%;height:280px;border-radius:14px;overflow:hidden;border:1px solid var(--border)}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;justify-content:space-between;gap:12px;font-size:.95rem}.detail-label,.muted{color:var(--muted)}.muted.small{font-size:.78rem;margin:0}.badge{display:inline-block;width:fit-content;padding:5px 12px;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--surface-2);color:var(--text);border:1px solid var(--border);white-space:nowrap}.badge.status-at_pickup,.badge.status-at_delivery,.badge.status-in_transit{background:var(--primary);color:#fff;border-color:var(--primary)}.badge.status-delivered,.badge.status-invoiced{background:var(--done-bg);color:var(--done-text);border-color:var(--done-bg)}.badge.status-cancelled{background:transparent;color:var(--primary);border-color:var(--primary)}h2.section-title{font-size:1rem;margin:0}label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}input,textarea{background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px;font-size:1rem;color:var(--text);font-family:inherit;resize:vertical}.btn{border:none;border-radius:12px;padding:12px 18px;font-size:1rem;font-weight:600;cursor:pointer;align-self:flex-start}.btn.primary{background:var(--primary);color:#fff}.btn.primary:disabled{opacity:.5;cursor:default}.error{color:#b91c1c;font-size:.85rem;margin:0}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.doc-tile{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--text);font-size:.8rem;text-align:center}.doc-tile img{width:100%;height:90px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.doc-tile.unavailable{cursor:default}.doc-tile-placeholder{width:100%;height:90px;border-radius:10px;border:1px dashed var(--border);background:var(--surface-2);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:1.4rem}