:root,[data-theme=light]{--bg: #fdf7f4;--surface: #ffffff;--surface-2: #f5eeeb;--ink: #2b2b2b;--ink-light: #5b5553;--muted: #888080;--brand: #8165c2;--brand-dark: #704cdb;--brand-soft: #f1ecfe;--border: #e4d8d2;--border-dark: #c8bab4;--ok: #1f6b45;--ok-soft: #e2f3e9;--warn: #7a5600;--warn-soft: #fdf1d8;--danger: #a01c15;--danger-soft: #fbe3e1;--shadow: 0 6px 20px rgb(43 43 43 / 8%);--shadow-card: 0 1px 4px rgb(43 43 43 / 10%)}[data-theme=dark]{--bg: #1a1a2e;--surface: #242438;--surface-2: #2e2e48;--ink: #e8e6f0;--ink-light: #b0adc0;--muted: #7a7890;--brand: #a48ee0;--brand-dark: #8f73cc;--brand-soft: #2d2650;--border: #3a3858;--border-dark: #4e4c6a;--ok: #34c47a;--ok-soft: #0d2e1c;--warn: #e0a030;--warn-soft: #2e2000;--danger: #e05550;--danger-soft: #2e0d0c;--shadow: 0 6px 20px rgb(0 0 0 / 30%);--shadow-card: 0 1px 4px rgb(0 0 0 / 30%)}:root{--radius: 14px;--tap: 48px;--gap-tap: .75rem;--text-body: 1rem;--text-lead: 1.125rem;--text-title: 1.375rem;--space-page: 1rem}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%;transition:background-color .25s ease,color .25s ease}body{margin:0;background:var(--bg);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:1rem;line-height:1.55;overflow-x:hidden;transition:background-color .25s ease,color .25s ease}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}.container{width:min(1100px,100% - 2 * var(--space-page));margin:0 auto}@media(max-width:480px){.container{width:min(1100px,100% - 1.5rem)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:1.25rem}@media(max-width:480px){.card{padding:1rem;border-radius:12px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--tap);border:1px solid transparent;border-radius:999px;padding:.75rem 1.5rem;font:inherit;font-size:var(--text-body);font-weight:600;cursor:pointer;background:var(--brand);color:#fff;transition:background .15s ease}.btn:hover:not(:disabled){background:var(--brand-dark)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:transparent;border-color:var(--border-dark);color:var(--ink)}.btn.ghost:hover:not(:disabled){background:var(--brand-soft)}.btn.small{padding:.5rem 1rem;font-size:var(--text-body)}.btn.danger{background:var(--danger)}.btn.block{width:100%}input,select,textarea{width:100%;min-height:var(--tap);padding:.7rem .85rem;border:1px solid var(--border-dark);border-radius:12px;font:inherit;font-size:1rem;background:var(--surface);color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}input[aria-invalid=true]{border-color:var(--danger)}label{display:block;font-size:var(--text-body);font-weight:600;margin-bottom:.35rem;color:var(--ink)}.field+.field{margin-top:1rem}.muted{color:var(--muted)}.error{color:var(--danger);font-size:var(--text-body)}.badge{display:inline-block;padding:.2rem .7rem;border-radius:999px;font-size:var(--text-body);font-weight:700;background:var(--surface-2);color:var(--ink-light)}.badge.paid{background:var(--ok-soft);color:var(--ok)}.badge.pending,.badge.processing{background:var(--warn-soft);color:var(--warn)}.badge.canceled,.badge.expired{background:var(--danger-soft);color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.85rem;font-weight:600;color:var(--muted);white-space:nowrap}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid var(--border);font-size:var(--text-body)}th{font-size:var(--text-body);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}@media(max-width:900px){.responsive-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.responsive-table tr{display:block;border:1px solid var(--border);border-radius:12px;padding:.75rem;margin-bottom:.75rem;background:var(--surface)}.responsive-table td{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-tap);border:0;padding:.35rem 0;text-align:right}.responsive-table td:before{content:attr(data-label);font-size:var(--text-body);font-weight:700;letter-spacing:.02em;color:var(--muted);text-align:left}.responsive-table td:empty{display:none}}.skeleton{border-radius:12px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skeleton-anim 1.3s ease-in-out infinite}@keyframes skeleton-anim{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}