:root{--bg: #F5F1E8;--surface: #FFFFFF;--text: #1C1810;--text-2: #6B635A;--green: #1F9E5E;--amber: #E89B2B;--red: #E5484D;--border: #E7E0D4;--shadow: 0 2px 12px rgba(28, 24, 16, .08);--radius: 16px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45}.wrap{max-width:560px;margin:0 auto;padding:16px;min-height:100%}.brandbar{display:flex;align-items:center;gap:8px;padding:8px 4px 16px}.brandbar .logo{font-weight:800;font-size:20px;color:var(--green);letter-spacing:-.5px}.brandbar .sub{color:var(--text-2);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.status-hero{text-align:center;padding:22px 16px}.status-hero .badge{display:inline-block;padding:6px 14px;border-radius:999px;font-weight:700;font-size:14px;background:#1f9e5e1f;color:var(--green)}.status-hero .badge.muted{background:#6b635a1f;color:var(--text-2)}.status-hero .eta{margin-top:12px;font-size:28px;font-weight:800}.status-hero .eta small{font-size:14px;color:var(--text-2);font-weight:600}#map{width:100%;height:280px;border-radius:var(--radius);overflow:hidden;background:#e7e0d4}.map-empty{display:flex;align-items:center;justify-content:center;height:280px;color:var(--text-2);text-align:center;padding:0 24px}.otp-card{background:#e89b2b1a;border-color:#e89b2b59;text-align:center}.otp-card .label{color:var(--amber);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.otp-card .code{font-size:40px;font-weight:800;letter-spacing:8px;margin:6px 0;font-variant-numeric:tabular-nums}.otp-card .hint{color:var(--text-2);font-size:13px}.row{display:flex;align-items:center;gap:12px}.row+.row{margin-top:12px}.avatar{width:46px;height:46px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex:0 0 auto}.dname{font-weight:700}.dmeta{color:var(--text-2);font-size:13px}.plate{display:inline-block;border:1.5px solid var(--text);border-radius:6px;padding:1px 8px;font-weight:700;font-size:13px;letter-spacing:1px}.callbtn{margin-left:auto;background:var(--green);color:#fff;text-decoration:none;padding:9px 14px;border-radius:10px;font-weight:700;font-size:14px}.addr .ttl{font-size:12px;color:var(--text-2);text-transform:uppercase;letter-spacing:.4px}.addr .val{font-weight:600}.addr.dot-pickup .ttl:before{content:"●";color:var(--green);margin-right:6px}.addr.dot-dropoff .ttl:before{content:"●";color:var(--red);margin-right:6px}.center{text-align:center;padding:48px 24px;color:var(--text-2)}.center h2{color:var(--text)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.foot{text-align:center;color:var(--text-2);font-size:12px;padding:16px 0 28px}.foot a{color:var(--green);text-decoration:none}