@import"https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700&display=swap";:root{--page-bg: #f8fafc;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .06);--card-shadow: 0 14px 40px rgba(0, 0, 0, .08);--text-muted: #5f6b7a;--text-strong: #0f172a;--brand-green: #00a651;--success-bg: #e7f9ef;--success-text: #0a8f47;--error-bg: #fdecec;--error-text: #b3261e;--divider: #e5e7eb;--badge-bg: #e6f7ea}@media(prefers-color-scheme:dark){:root{--page-bg: #06070a;--card-bg: #11141c;--card-border: rgba(255, 255, 255, .08);--card-shadow: 0 16px 40px rgba(0, 0, 0, .55);--text-muted: #cbd5e1;--text-strong: #f8fafc;--brand-green: #3bd380;--success-bg: rgba(59, 211, 128, .18);--success-text: #3bd380;--error-bg: rgba(255, 76, 76, .18);--error-text: #ff6b6b;--divider: #1f222b;--badge-bg: rgba(59, 211, 128, .12)}}html,body,#root{background:var(--page-bg);min-height:100vh;margin:0}.page{background:var(--page-bg);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:32px 16px 16px}.pageEmpty{align-items:center}@media(max-width:600px){.page{align-items:flex-start}.pageEmpty{padding-top:24px}}.receipt{background:var(--card-bg);width:min(420px,100%);padding:24px 20px;border-radius:24px;font-family:Manrope,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:var(--card-shadow);border:1px solid var(--card-border);display:flex;flex-direction:column;align-items:stretch}.validBanner,.invalidBanner{padding:10px;border-radius:16px;text-align:center;font-weight:600;margin-bottom:20px;font-size:14px}.validBanner{background:var(--success-bg);color:var(--success-text)}.invalidBanner{background:var(--error-bg);color:var(--error-text)}.check{font-size:18px;margin-right:6px}.brandHeader{display:flex;align-items:center;justify-content:center;gap:8px}.logo{width:100px;height:64px}.brandTitle{font-weight:700;font-size:18px;color:var(--brand-green)}.title{margin-top:4px;color:var(--text-muted);font-size:13px;text-align:center}.statusPill{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;margin:12px auto 8px;align-self:center;animation:pop .35s ease}.statusSuccess{background:var(--success-bg);color:var(--success-text)}.statusError{background:var(--error-bg);color:var(--error-text)}.statusPending{position:relative;overflow:hidden;background:linear-gradient(120deg,#e2e8f0,#f8fafc,#e2e8f0);color:var(--text-strong)}.statusPending:after{content:"";position:absolute;top:0;left:-50%;width:50%;height:100%;background:linear-gradient(120deg,#fff0,#fff9,#fff0);animation:shimmerStatus 1.1s ease-in-out infinite}@media(prefers-color-scheme:dark){.statusPending{background:linear-gradient(120deg,#1f2937,#0f172a,#1f2937);color:#e2e8f0}.statusPending:after{background:linear-gradient(120deg,#fff0,#ffffff2e,#fff0)}}.amount{font-size:34px;color:var(--brand-green);font-weight:800;text-align:center}.dateText{margin-top:4px;font-size:12px;color:var(--text-muted);text-align:center}.perforated{position:relative;margin:10px -20px;border-top:1px dashed var(--divider)}.perforated:before,.perforated:after{content:"";position:absolute;top:-10px;width:20px;height:20px;border-radius:50%;background:var(--page-bg)}.perforated:before{left:-10px}.perforated:after{right:-10px}.detailsRow{display:flex;justify-content:space-between;align-items:flex-start;margin-top:20px;gap:16px;flex-wrap:wrap}.section{flex:1 1 auto}.pairRow{display:flex;gap:16px}.row{margin-bottom:12px}.pairRow .row{flex:1 1 0}.label{color:var(--text-muted);font-size:12px}.value{font-size:16px;font-weight:600;color:var(--text-strong)}.qrColumn{flex:0 0 96px;display:flex;flex-direction:column;align-items:center;gap:8px}.qrTitle{font-size:11px;color:var(--text-muted)}.qrPlaceholder{width:96px;height:96px;border-radius:12px;border:1px solid #dddddd;display:flex;align-items:center;justify-content:center;font-size:12px;color:#aaa}.amountSection{margin-top:12px}.amountSection>div{margin-bottom:8px}.footer{text-align:center;margin-top:16px;color:var(--text-muted);font-size:12px;display:flex;flex-direction:column;gap:6px}.footerTopRow{display:inline-flex;align-items:center;justify-content:center;gap:8px}.actionsRow{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.actionBtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--divider);background:#f8fafc;color:var(--text-strong);padding:8px 12px;border-radius:12px;cursor:pointer;font-weight:600;font-size:12px;transition:transform .15s ease,box-shadow .15s ease}.actionBtn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000014}@media(prefers-color-scheme:dark){.actionBtn{background:#1e293b;color:#e2e8f0;border-color:#1f2937}.actionBtn:hover{box-shadow:0 6px 16px #0000004d}}.actionIcon{font-size:14px}.actionLabel{font-size:12px}.fraudNote{margin-top:6px;padding:10px 12px;background:var(--badge-bg);border:1px solid var(--card-border);border-radius:14px;color:var(--success-text);font-size:12px;text-align:center;line-height:1.4}.verificationMeta{color:var(--text-muted);font-size:11px;margin-top:4px}.metaRow{display:flex;justify-content:center;gap:12px;color:var(--text-muted);font-size:11px;margin-top:6px;flex-wrap:wrap}.metaItem{background:#f1f5f9;color:#0f172a;padding:6px 10px;border-radius:10px}@media(prefers-color-scheme:dark){.metaItem{background:#1e293b;color:#e2e8f0}}.copyRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.pillBtn{border:1px solid var(--divider);background:#fff;color:var(--text-strong);padding:8px 10px;border-radius:999px;font-size:12px;cursor:pointer}@media(prefers-color-scheme:dark){.pillBtn{background:#0f172a;color:#e2e8f0}}.badgeText{font-weight:700}.legalNote{font-size:11px;line-height:1.5;color:var(--text-muted)}.helpLink{color:var(--brand-green);font-weight:700;text-decoration:none;font-size:12px}.verifiedBy{font-weight:700;color:var(--success-text)}.securityBadge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:11px;background:var(--badge-bg);color:var(--success-text);border:1px solid var(--card-border)}.securityIcon{font-size:12px}.skeletonCard{width:min(420px,100%);padding:24px 20px;border-radius:24px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.skeleton{background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:10px;margin-bottom:12px}.skeleton.line{height:14px}.skeleton.line.sm{width:60%}.skeleton.line.lg{width:80%;height:18px}.skeleton.pill{width:120px;height:26px;border-radius:999px}.skeleton.amount{height:32px;width:160px}.helpBlock{margin-top:12px;font-size:12px;color:var(--text-muted)}.emptyStateBody{margin-top:20px;text-align:center}.emptyStateTitle{font-size:16px;font-weight:700;color:var(--text-strong);margin-bottom:6px}.emptyStateText{font-size:13px;color:var(--text-muted);line-height:1.5}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pop{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes shimmerStatus{0%{transform:translate(-100%)}to{transform:translate(200%)}}