@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#f8fafc;--bg-surface:#ffffff;--bg-elevated:#f1f5f9;--bg-card:rgba(0,0,0,0.02);--bg-card-hover:rgba(0,0,0,0.04);--border:rgba(0,0,0,0.08);--border-strong:rgba(0,0,0,0.15);--accent:#4f46e5;--accent-hover:#4338ca;--accent-glow:rgba(79,70,229,0.15);--accent-subtle:rgba(79,70,229,0.08);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--status-paid:#059669;--status-paid-bg:rgba(5,150,105,0.1);--status-pending:#d97706;--status-pending-bg:rgba(217,119,6,0.1);--status-failed:#dc2626;--status-failed-bg:rgba(220,38,38,0.1);--status-expired:#4b5563;--status-expired-bg:rgba(75,85,99,0.1);--status-processing:#4f46e5;--status-processing-bg:rgba(79,70,229,0.1);--status-refunded:#7c3aed;--status-refunded-bg:rgba(124,58,237,0.1);--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:rgba(255,255,255,0.03);--bg-card-hover:rgba(255,255,255,0.055);--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.14);--accent:#6366f1;--accent-hover:#4f52e5;--accent-glow:rgba(99,102,241,0.25);--accent-subtle:rgba(99,102,241,0.12);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#4b5563;--status-paid-bg:rgba(16,185,129,0.12);--status-paid:#10b981;--status-pending:#f59e0b;--status-pending-bg:rgba(245,158,11,0.12);--status-failed:#ef4444;--status-failed-bg:rgba(239,68,68,0.12);--status-expired:#6b7280;--status-expired-bg:rgba(107,114,128,0.12);--status-processing:#6366f1;--status-processing-bg:rgba(99,102,241,0.12);--status-refunded:#8b5cf6;--status-refunded-bg:rgba(139,92,246,0.12)}body,html{height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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:transparent}::-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 rgba(0,0,0,.05)}.card:hover{border-color:var(--border-strong);box-shadow:0 4px 12px rgba(0,0,0,.04)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.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{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-md);font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .18s,transform .12s,box-shadow .18s;text-decoration:none}.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{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:8px 16px}.btn--ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.table-wrap{overflow-x:auto;overflow-y:auto;max-height:calc(100dvh - 425px);min-height:400px;position:relative}table{width:100%;border-collapse:collapse}thead th{padding:12px 14px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border);background:var(--bg-surface);position:-webkit-sticky;position:sticky;top:0;z-index:10}tbody tr{border-bottom:1px solid var(--border);transition:background .15s}tbody tr:hover{background:var(--bg-elevated)}tbody td{padding:13px 14px;color:var(--text-secondary);font-size:13px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-input{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:14px;padding:11px 14px;outline:none;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(1turn)}}.animate-in{animation:fadeIn .3s ease both}.spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentcolor;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}