@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#f8fafc;--bg-surface:#fff;--bg-elevated:#f1f5f9;--bg-card:#00000005;--bg-card-hover:#0000000a;--border:#00000014;--border-strong:#00000026;--accent:#4f46e5;--accent-hover:#4338ca;--accent-glow:#4f46e526;--accent-subtle:#4f46e514;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--status-paid:#059669;--status-paid-bg:#0596691a;--status-pending:#d97706;--status-pending-bg:#d977061a;--status-failed:#dc2626;--status-failed-bg:#dc26261a;--status-expired:#4b5563;--status-expired-bg:#4b55631a;--status-processing:#4f46e5;--status-processing-bg:#4f46e51a;--status-refunded:#7c3aed;--status-refunded-bg:#7c3aed1a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--sidebar-w:240px}.dark{--bg-base:#060609;--bg-surface:#0d0d14;--bg-elevated:#12121e;--bg-card:#ffffff08;--bg-card-hover:#ffffff0e;--border:#ffffff14;--border-strong:#ffffff24;--accent:#6366f1;--accent-hover:#4f52e5;--accent-glow:#6366f140;--accent-subtle:#6366f11f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#4b5563;--status-paid-bg:#10b9811f;--status-paid:#10b981;--status-pending:#f59e0b;--status-pending-bg:#f59e0b1f;--status-failed:#ef4444;--status-failed-bg:#ef44441f;--status-expired:#6b7280;--status-expired-bg:#6b72801f;--status-processing:#6366f1;--status-processing-bg:#6366f11f;--status-refunded:#8b5cf6;--status-refunded-bg:#8b5cf61f}html,body{background:var(--bg-base);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;transition:background .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;transition:background .2s,border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0000000d}.card:hover{border-color:var(--border-strong);box-shadow:0 4px 12px #0000000a}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge--paid{background:var(--status-paid-bg);color:var(--status-paid)}.badge--pending{background:var(--status-pending-bg);color:var(--status-pending)}.badge--failed{background:var(--status-failed-bg);color:var(--status-failed)}.badge--expired{background:var(--status-expired-bg);color:var(--status-expired)}.badge--processing{background:var(--status-processing-bg);color:var(--status-processing)}.badge--refunded{background:var(--status-refunded-bg);color:var(--status-refunded)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:background .18s,transform .12s,box-shadow .18s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:#fff;padding:10px 20px}.btn--primary:hover{background:var(--accent-hover);box-shadow:0 4px 15px var(--accent-glow)}.btn--ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0;padding:8px 16px}.btn--ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.table-wrap{min-height:400px;max-height:calc(100dvh - 425px);position:relative;overflow:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border);background:var(--bg-surface);z-index:10;padding:12px 14px;font-size:11px;font-weight:700;position:sticky;top:0}tbody tr{border-bottom:1px solid var(--border);transition:background .15s}tbody tr:hover{background:var(--bg-elevated)}tbody td{color:var(--text-secondary);padding:13px 14px;font-size:13px}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-in{animation:.3s both fadeIn}.spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}