:root{font-family:Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#12192b;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: hsl(210, 40%, 98%);--ink: hsl(224, 40%, 12%);--muted: hsl(220, 14%, 48%);--line: hsl(214, 32%, 91%);--panel: rgba(255, 255, 255, .82);--primary: hsl(243, 75%, 59%);--primary-hover: hsl(243, 75%, 52%);--primary-light: hsl(243, 75%, 97%);--green: hsl(150, 76%, 38%);--green-light: hsl(150, 76%, 95%);--red: hsl(346, 84%, 50%);--red-light: hsl(346, 84%, 96%);--amber: hsl(38, 92%, 50%);--amber-light: hsl(38, 92%, 95%)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;min-width:320px;min-height:100dvh;margin:0}body{background:radial-gradient(circle at 50% 0%,#f6f6fe,#f8fafc);background-attachment:fixed}button,input{font:inherit}button{min-height:52px;border:0;border-radius:9999px;background:var(--primary);color:#fff;font-weight:700;padding:0 24px;cursor:pointer;box-shadow:0 4px 12px #4f46e526;transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e540}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.secondary-button{border:1px solid hsl(243,58%,72%);background:var(--primary-light);color:var(--primary-hover);box-shadow:0 1px #4f46e51f}.secondary-button:hover:not(:disabled){border-color:var(--primary);background:#e5e4fb;box-shadow:0 4px 12px #4f46e51f}.app-shell{min-height:100dvh;max-width:480px;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 20px max(32px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 16px}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--primary-light);padding:4px 10px;border-radius:9999px;margin-bottom:8px}.eyebrow:before{content:"";width:6px;height:6px;background:var(--primary);border-radius:50%;display:inline-block}h1,h2,h3,p{margin:0}h1{font-size:1.8rem;font-weight:800;line-height:1.15;letter-spacing:-.02em}h2{font-size:1.7rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}h3{font-size:1.2rem;font-weight:700;letter-spacing:-.01em}.scan-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:104px;flex:0 0 auto;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;font-weight:800;box-shadow:0 4px 12px #4f46e533;font-size:.95rem;padding:0 16px}.scan-action svg{width:20px;height:20px;fill:currentColor}.center-state,.status-card,.check-another-panel,.timeline-panel{border:1px solid var(--line);border-radius:20px;background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 16px 36px #1720330a;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.center-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:55dvh;gap:20px;padding:40px 24px;text-align:center}.center-state p{max-width:24rem;color:var(--muted);font-size:1.05rem;line-height:1.5}.center-state code{padding:8px 14px;border-radius:10px;background:#e8edf2;font-size:1.1rem;font-family:monospace;letter-spacing:.05em;color:var(--ink);border:1px solid hsl(210,28%,88%)}.center-state button{margin-top:10px}.tracking-code-options{width:100%;max-width:26rem;display:flex;flex-direction:column;align-items:center;gap:16px}.tracking-code-option{width:100%;display:flex;justify-content:center}.option-divider{width:100%;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.option-divider:before,.option-divider:after{content:"";height:1px;flex:1;background:var(--line)}.option-divider span{flex:0 0 auto}.scanner-backdrop{position:fixed;inset:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:#0f172a85}.scanner-sheet{width:min(100%,440px);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid rgba(255,255,255,.28);border-radius:20px;background:#fff;box-shadow:0 24px 60px #0f172a47;padding:18px}.scanner-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.scanner-kicker{display:block;margin-bottom:4px;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.scanner-header h2{font-size:1.45rem}.close-button{display:grid;width:44px;min-width:44px;min-height:44px;place-items:center;border-radius:50%;background:#ebf0f4;color:var(--ink);box-shadow:none;padding:0}.close-button:hover:not(:disabled){background:#dee6ed;box-shadow:none}.scanner-video-frame{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:16px;background:#12192b}.scanner-video-frame video{width:100%;height:100%;object-fit:cover}.scanner-placeholder{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#fff;font-weight:800;text-align:center;background:linear-gradient(135deg,#0f172ab8,#1e293be6)}.scanner-notice{margin:12px 2px 16px;color:var(--muted);font-size:.92rem;line-height:1.45}.manual-code-form{width:100%;margin-top:0;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.manual-code-form label{font-weight:800}.manual-code-row{width:100%;display:grid;grid-template-columns:1fr;align-items:stretch;gap:10px}.manual-code-row button{margin-top:0}.manual-code-row input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:9999px;padding:0 18px;color:var(--ink);background:#fff}.manual-code-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.scan-visualizer{position:relative;width:90px;height:90px;border:3px solid hsl(214,30%,80%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.scan-visualizer:before{content:"";position:absolute;top:10%;left:10%;width:80%;height:2px;background:var(--primary);box-shadow:0 0 8px var(--primary);animation:scan 2s ease-in-out infinite}.scan-visualizer svg{width:50px;height:50px;fill:var(--primary)}@keyframes scan{0%,to{top:10%}50%{top:85%}}.spinner{width:48px;height:48px;border:4px solid hsl(210,28%,91%);border-top-color:var(--primary);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-screen{display:flex;flex-direction:column;gap:16px}.status-card{padding:24px 20px;position:relative}.status-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--amber) 0%,var(--primary) 50%,var(--green) 100%)}.status-card.status-delivered:before{background:var(--green)}.status-card.status-processing:before{background:var(--primary)}.status-card.status-pending:before{background:var(--amber)}.card-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);display:block}.status-card h2{margin:6px 0 4px;color:var(--ink);font-size:1.85rem}.status-card .status-updated{color:var(--muted);font-size:.85rem;display:flex;align-items:center;gap:4px}.status-card .status-updated:before{content:"";display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse-glow 1.5s infinite}@keyframes pulse-glow{0%{transform:scale(.9);box-shadow:0 0 #10b98166}70%{transform:scale(1.1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.9);box-shadow:0 0 #10b98100}}.check-another-panel{padding:20px}.check-another-panel h3{margin-bottom:14px;color:var(--ink)}.meta-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.meta-row>div{padding:16px;border:1px solid var(--line);border-radius:16px;background:#ffffffa6}.meta-row span{display:block;margin-bottom:4px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.meta-row strong{display:block;overflow-wrap:anywhere;font-size:1.05rem;font-weight:750;color:var(--ink)}.error{margin:4px 0 0;color:var(--red)!important;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:6px}.timeline-panel{padding:24px 20px}.timeline-panel h3{margin-bottom:20px;color:var(--ink)}.timeline-panel ol{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.timeline-panel li{display:grid;grid-template-columns:24px 1fr;gap:16px;position:relative}.timeline-panel li:not(:last-child){padding-bottom:24px}.timeline-panel li:not(:last-child):before{content:"";position:absolute;top:24px;left:11px;bottom:0;width:2px;background:var(--line)}.timeline-dot-wrapper{position:relative;display:flex;justify-content:center}.timeline-dot{width:24px;height:24px;border-radius:50%;border:4px solid white;background:var(--line);box-shadow:0 0 0 1px var(--line);z-index:2;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:all .3s}.timeline-panel li:first-child .timeline-dot{background:var(--primary);box-shadow:0 0 0 1px var(--primary),0 0 0 4px var(--primary-light);animation:timeline-glow 2s infinite}.timeline-panel li:first-child .timeline-dot:after{content:"";width:6px;height:6px;background:#fff;border-radius:50%}@keyframes timeline-glow{0%{box-shadow:0 0 0 1px var(--primary),0 0 #4f46e566}70%{box-shadow:0 0 0 1px var(--primary),0 0 0 6px #4f46e500}to{box-shadow:0 0 0 1px var(--primary),0 0 #4f46e500}}.timeline-content{display:flex;flex-direction:column;gap:4px}.timeline-content strong{font-size:1.05rem;font-weight:750;color:var(--ink);line-height:1.25}.timeline-content .time{font-size:.78rem;color:var(--muted);font-weight:600}.timeline-content .notes-card{margin-top:8px;padding:12px 14px;background:#f2f5f8;border-radius:12px;border:1px solid hsl(210,28%,91%);font-size:.9rem;line-height:1.45;color:var(--ink)}@media(min-width:400px){.manual-code-row{grid-template-columns:1fr auto}.manual-code-row button{min-width:104px}}@media(max-width:360px){h1,h2{font-size:1.5rem}.meta-row{grid-template-columns:1fr}}