:root{--ink:#0f172a;--slate:#475569;--muted:#64748b;--line:#e8edf3;--bg:#f4f8fb;--card:#fff}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}.topbar{border-bottom:1px solid var(--line);background:#fff;padding:14px 20px}.brand{letter-spacing:-.02em;font-size:26px;font-weight:800}.page{gap:16px;max-width:600px;margin:0 auto;padding:24px 16px 48px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #0f172a0a}.card-pad{padding:24px}@media (width<=480px){.card-pad{padding:18px}}.eyebrow{letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.eyebrow.slate{color:#6b7a90;margin-bottom:8px;font-size:11px;font-weight:600}.status{border:1px solid;border-radius:12px;padding:24px}.status-title{letter-spacing:-.02em;align-items:center;gap:12px;margin:8px 0 12px;font-size:32px;font-weight:700;display:flex}.status-dot{border-radius:50%;flex:none;width:14px;height:14px}.status-msg{margin:0;font-size:16px}.tone-amber{color:#a35a06;background:#fefee8;border-color:#f6efa8}.tone-amber .status-title{color:#7a4309}.tone-amber .status-dot{background:#ecc94b}.tone-blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.tone-blue .status-title{color:#1e3a8a}.tone-blue .status-dot{background:#3b82f6}.tone-green{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.tone-green .status-title{color:#064e3b}.tone-green .status-dot{background:#10b981}.tone-violet{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.tone-violet .status-title{color:#4c1d95}.tone-violet .status-dot{background:#8b5cf6}.tone-red{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.tone-red .status-title{color:#7f1d1d}.tone-red .status-dot{background:#ef4444}.tone-gray{color:#475569;background:#f8fafc;border-color:#e2e8f0}.tone-gray .status-title{color:#1e293b}.tone-gray .status-dot{background:#94a3b8}.store{align-items:center;gap:14px;margin-bottom:16px;display:flex}.avatar{object-fit:cover;border-radius:50%;flex:none;width:52px;height:52px}.avatar-fallback{color:#fff;background:#1e293b;place-items:center;font-size:20px;font-weight:700;display:grid}.store-name{font-size:19px;font-weight:600}.muted{color:var(--muted);font-size:14px}.block{border-top:1px solid #f1f4f8;margin-top:12px;padding-top:12px}.row{justify-content:space-between;gap:16px;padding:4px 0;display:flex}.row.item{padding:8px 0}.row span:last-child{text-align:right;white-space:nowrap}.row.sub{color:var(--slate)}.row.total{font-weight:700}.totals .row.sub{padding-bottom:0}.idbox{background:#f6f9fc;border-radius:8px;margin-top:8px;padding:10px 14px}.idval{word-break:break-all;font-size:14px;font-weight:600}.btn{text-align:center;color:#fff;background:#16a34a;border-radius:10px;margin-top:20px;padding:12px 16px;font-weight:600;text-decoration:none;display:block}.btn:hover{background:#15803d}.err-title{margin:0 0 6px;font-size:18px;font-weight:700}.err-text{color:var(--slate);margin:0;font-size:16px}.skeleton{background:linear-gradient(90deg,#e9eff5 25%,#f4f8fb 50%,#e9eff5 75%) 0 0/200% 100%;border-radius:12px;height:220px;animation:1.2s infinite sh}@keyframes sh{to{background-position:-200% 0}}