@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700&family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--brand-600:#4f46e5;--brand-700:#4338ca;--brand-50:#eef2ff;--bg:#fff;--surface:#f8fafc;--surface-2:#f1f5f9;--border:#e2e8f0;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--success:#16a34a;--success-bg:#dcfce7;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--info:#0284c7;--info-bg:#e0f2fe;--font-ui:"Inter Tight", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Bricolage Grotesque", sans-serif;--font-mono:"JetBrains Mono", monospace;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:36px;--text-5xl:48px;--text-6xl:60px;--line-xs:16px;--line-sm:20px;--line-base:24px;--line-lg:28px;--line-xl:28px;--line-2xl:32px;--line-3xl:36px;--line-4xl:40px;--line-5xl:52px;--line-6xl:64px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 12px 32px #00000014}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}::selection{background:var(--brand-50);color:var(--brand-700)}:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}:root{--ink:#0a0e1a;--ink-2:#12161f;--ink-3:#1c2235;--paper:#fafaf7;--paper-2:#f4f3ed;--paper-3:#ebe9df;--rule:#e2dfd2;--muted:#6b7280;--muted-2:#9ca3af;--accent:#ff6b35;--accent-2:#ffb800;--accent-soft:#fff1e8;--success:#16a34a;--error:#dc2626;--warning:#f59e0b;--shadow-sm:0 1px 2px #0a0e1a0a, 0 1px 3px #0a0e1a0f;--shadow-md:0 4px 6px -1px #0a0e1a0f, 0 10px 15px -3px #0a0e1a14;--shadow-lg:0 10px 25px -5px #0a0e1a1a, 0 25px 50px -12px #0a0e1a2e;--shadow-glow:0 0 0 1px #ff6b3533, 0 20px 60px -15px #ff6b3573}body{font-family:var(--font-ui), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:var(--bg);font-size:16px;line-height:1.5}#root{min-height:100vh}.referral-link-box{border:1px solid var(--rule);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;margin-bottom:24px;padding:24px}.referral-link-section,.referral-code-section{margin-bottom:16px}.referral-link-section:last-child,.referral-code-section:last-child{margin-bottom:0}.referral-link-label{color:var(--ink);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.referral-link-input-group{gap:8px;display:flex}.referral-link-input,.referral-code-input{border:1px solid var(--rule);background:var(--paper-2);color:var(--ink);border-radius:6px;flex:1;padding:10px 12px;font-family:Courier New,monospace;font-size:14px}.referral-copy-btn{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .2s}.referral-copy-btn:hover{background:#e85f2f}.referral-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.referral-stat-card{border:1px solid var(--rule);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;padding:20px}.referral-stat-label{color:var(--muted);margin-bottom:8px;font-size:14px}.referral-stat-value{color:var(--ink);font-size:28px;font-weight:600}.commission-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden}.commission-table th{background:var(--paper-2);text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:12px;font-size:12px;font-weight:600}.commission-table td{border-top:1px solid var(--rule);padding:16px 12px}.status-badge--pending{color:#92400e;background:#fef3c7}.status-badge--approved{color:#065f46;background:#d1fae5}.status-badge--cancelled{color:#991b1b;background:#fee2e2}.referral-actions{gap:12px;margin:24px 0;display:flex}.referral-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s}.referral-btn--primary{background:var(--success);color:#fff}.referral-btn--primary:hover{background:#15803d}.referral-btn--secondary{background:var(--paper-2);color:var(--ink);border:1px solid var(--rule)}.referral-btn--secondary:hover{background:var(--paper-3)}.referral-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state svg{opacity:.5;width:48px;height:48px;margin-bottom:16px}.empty-state h3{color:var(--ink);margin-bottom:8px;font-size:18px;font-weight:600}.empty-state p{margin-bottom:24px;font-size:14px}.min-balance-warning{border:1px solid var(--warning);background:#fef3c7;border-radius:8px;margin-bottom:24px;padding:16px}.min-balance-warning h4{color:#92400e;margin-bottom:8px;font-size:16px;font-weight:600}.min-balance-warning p{color:#78350f;margin-bottom:12px;font-size:14px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{width:90%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;border-radius:12px;padding:24px;overflow-y:auto}.modal-header{color:var(--ink);margin-bottom:20px;font-size:20px;font-weight:600}.modal-body{margin-bottom:24px}.modal-footer{justify-content:flex-end;gap:12px;display:flex}.dashboard-container{max-width:1200px;margin:0 auto;padding:24px}.dashboard-header{border-bottom:2px solid var(--rule);justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:16px;display:flex}.dashboard-header h1{color:var(--ink);margin-bottom:4px;font-size:32px;font-weight:600}.dashboard-header p{color:var(--muted);font-size:14px}.affiliate-nav-btn{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.affiliate-nav-btn:hover{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.logout-btn{color:var(--ink);border:1px solid var(--rule);cursor:pointer;background:#fff;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.logout-btn:hover{background:var(--paper-2);border-color:var(--ink-3)}.credit-card{border:1px solid var(--rule);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;margin-bottom:24px;padding:24px}.credit-card.expired{border-color:var(--error);background:#fef2f2}.credit-info h2{color:var(--ink);margin-bottom:8px;font-size:18px;font-weight:600}.balance{color:var(--accent);margin-bottom:8px;font-size:36px;font-weight:700}.expiry-warning{color:var(--error);font-size:14px;font-weight:500}.expiry-info{color:var(--muted);font-size:14px}.top-up-button,.analytics-button{cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.top-up-button{background:var(--accent);color:#fff}.top-up-button:hover{box-shadow:var(--shadow-sm);background:#ff5722}.analytics-button{color:var(--accent);border:1px solid var(--accent);background:#fff}.analytics-button:hover{background:var(--accent-soft)}.workspace-card{border:1px solid var(--rule);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;margin-bottom:24px;padding:24px}.workspace-card h2{color:var(--ink);margin-bottom:16px;font-size:18px;font-weight:600}.workspace-links{gap:12px;margin-bottom:16px;display:flex}.workspace-link{text-align:center;border-radius:6px;flex:1;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.folder-link{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent)}.folder-link:hover{background:var(--accent);color:#fff}.sheet-link{color:var(--success);border:1px solid var(--success);background:#fff}.sheet-link:hover{background:#f0fdf4}.workspace-info{color:var(--muted);font-size:14px}.receipts-card{border:1px solid var(--rule);box-shadow:var(--shadow-sm);background:#fff;border-radius:8px;margin-bottom:24px;padding:24px}.receipts-card h2{color:var(--ink);margin-bottom:16px;font-size:18px;font-weight:600}.no-receipts{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px}.receipts-table{overflow-x:auto}.receipts-table table{border-collapse:collapse;width:100%}.receipts-table th{text-align:left;color:var(--muted);text-transform:uppercase;border-bottom:2px solid var(--rule);padding:12px;font-size:12px;font-weight:600}.receipts-table td{border-bottom:1px solid var(--paper-3);color:var(--ink);padding:12px;font-size:14px}.receipts-table tr:hover{background:var(--paper-2)}.status-badge{border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-block}.status-badge.completed{color:var(--success);background:#f0fdf4}.status-badge.pending{color:var(--warning);background:#fef3c7}.status-badge.failed{color:var(--error);background:#fef2f2}.dashboard-footer{text-align:center;color:var(--muted);border-top:1px solid var(--rule);padding:24px;font-size:14px}.dashboard-footer a{color:var(--accent);font-weight:500;text-decoration:none}.dashboard-footer a:hover{text-decoration:underline}.loading,.error{text-align:center;color:var(--muted);padding:60px 20px;font-size:16px}.error{color:var(--error)}@media (width<=768px){.referral-stats-grid{grid-template-columns:1fr}.referral-actions,.referral-link-input-group{flex-direction:column}.dashboard-header{flex-direction:column;gap:16px}.workspace-links{flex-direction:column}.receipts-table{font-size:12px}}button,.btn,input[type=button],input[type=submit]{min-height:44px;font-size:16px}@media (width<=640px){button,.btn,input[type=button],input[type=submit]{min-height:48px}}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-height:44px;color:var(--text);padding:12px 16px;font-family:inherit;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-600);outline-offset:2px}textarea{resize:vertical;min-height:120px}.rz-shell{background:var(--surface-page);background-image:radial-gradient(1200px 600px at 100% 0,#ffb8000f,#0000 60%),radial-gradient(800px 400px at 0 100%,#ff6b350a,#0000 60%);min-height:100vh}.rz-header{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#fafaf7d9;position:sticky;top:0}[data-theme=dark] .rz-header{background:#0a0e1ad9}.rz-header__inner{max-width:var(--container-max);width:100%;padding:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-6);margin:0 auto;display:flex}.rz-logo{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-lg);color:var(--text-primary);letter-spacing:var(--tracking-tight);text-decoration:none;display:flex}.rz-logo__bolt{width:22px;height:22px;color:var(--rz-orange-500);flex-shrink:0}.rz-header__nav{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.rz-user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--border-default);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);display:flex}.rz-user__avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--rz-orange-400), var(--rz-orange-600));color:#fff;width:28px;height:28px;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:0;place-items:center;display:grid}.rz-page{max-width:var(--container-max);padding:var(--space-10) var(--space-8) var(--space-16);margin:0 auto}.rz-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--rz-orange-600);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-3);display:block}.rz-eyebrow:before{content:"// ";opacity:.7}.rz-page__title{font-family:var(--font-body);font-size:var(--text-3xl);font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0}.rz-page__title em{font-family:var(--font-display);font-style:italic;font-weight:var(--weight-regular);color:var(--text-muted);letter-spacing:-.01em}.rz-page__subtitle{font-size:var(--text-md);color:var(--text-secondary);margin:var(--space-2) 0 0;display:block}.rz-grid{gap:var(--space-6);display:grid}.rz-grid--dashboard{grid-template-columns:2fr 1fr 1fr;grid-template-areas:"credit xero whatsapp""workspace workspace workspace""receipts receipts receipts"}.rz-grid__credit{grid-area:credit}.rz-grid__xero{grid-area:xero}.rz-grid__whatsapp{grid-area:whatsapp}.rz-grid__workspace{grid-area:workspace}.rz-grid__receipts{grid-area:receipts}@media (width<=900px){.rz-grid--dashboard{grid-template-columns:1fr;grid-template-areas:"credit""xero""whatsapp""workspace""receipts"}}.rz-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);position:relative}.rz-card--interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.rz-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex}.rz-card__title{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0}.rz-card__title-row{align-items:center;gap:var(--space-2);display:flex}.rz-card__icon{color:currentColor;flex-shrink:0;width:16px;height:16px}.rz-credit-card{background:var(--rz-ink-900);color:var(--rz-cream-50);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--rz-ink-700);position:relative;overflow:hidden}.rz-credit-card:before{content:"";pointer-events:none;background:radial-gradient(400px at 100% 0,#ff6b352e,#0000 60%),radial-gradient(300px at 0 100%,#ffb8001a,#0000 70%);position:absolute;inset:0}.rz-credit-card>*{z-index:1;position:relative}.rz-credit-card__label{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--rz-ink-200);margin-bottom:var(--space-4);display:flex}.rz-credit-card__label:before{content:"// ";opacity:.7}.rz-credit-card__balance{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.rz-credit-card__amount{font-family:var(--font-body);font-size:var(--text-4xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);color:var(--rz-cream-50);line-height:1}.rz-credit-card__unit{font-family:var(--font-display);font-style:italic;font-size:var(--text-xl);color:var(--rz-ink-200)}.rz-credit-card__expiry{font-size:var(--text-sm);color:var(--rz-ink-200);margin-bottom:var(--space-6)}.rz-credit-card__expiry strong{color:var(--rz-cream-50)}.rz-credit-batch-toggle{border:1px solid var(--rz-ink-600);color:var(--rz-ink-200);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);background:0 0;transition:all .2s;display:inline-flex}.rz-credit-batch-toggle:hover{background:var(--rz-ink-800);border-color:var(--rz-ink-500);color:var(--rz-cream-50)}.rz-credit-batches{background:var(--rz-ink-800);border:1px solid var(--rz-ink-700);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.rz-credit-batch{padding:var(--space-3);background:var(--rz-ink-900);border-radius:var(--radius-md);border:1px solid var(--rz-ink-600);justify-content:space-between;align-items:center;display:flex}.rz-credit-batch.expired{opacity:.6;border-color:var(--rz-error)}.rz-credit-batch__amount{font-weight:var(--weight-semibold);color:var(--rz-cream-50);align-items:center;gap:var(--space-2);display:flex}.rz-credit-batch__tag{font-size:var(--text-xs);background:var(--rz-error);color:#fff;border-radius:var(--radius-sm);font-weight:var(--weight-medium);padding:2px 6px}.rz-credit-batch__expiry{font-size:var(--text-sm);color:var(--rz-ink-200)}.rz-credit-card__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.rz-btn{justify-content:center;align-items:center;gap:var(--space-2);height:44px;padding:0 var(--space-5);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semi);letter-spacing:-.005em;text-align:center;white-space:nowrap;cursor:pointer;transition:background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);border:1px solid #0000;text-decoration:none;display:inline-flex}.rz-btn:active{transform:translateY(1px)}.rz-btn:disabled{opacity:.5;cursor:not-allowed}.rz-btn--primary{background:var(--rz-orange-500);color:#fff;box-shadow:var(--shadow-orange), var(--shadow-button-inset)}.rz-btn--primary:hover{background:var(--rz-orange-600);box-shadow:var(--shadow-orange-lg), var(--shadow-button-inset)}.rz-btn--dark{background:var(--rz-ink-900);color:var(--rz-cream-50);border-color:var(--rz-ink-700)}.rz-btn--dark:hover{background:var(--rz-ink-800)}.rz-btn--secondary{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-strong)}.rz-btn--secondary:hover{background:var(--surface-hover);color:var(--rz-ink-300)}.rz-btn--ghost{color:var(--text-primary);background:0 0}.rz-btn--ghost:hover{background:var(--surface-hover)}.rz-btn--card-secondary{color:var(--rz-cream-50);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border-color:#ffffff29}.rz-btn--card-secondary:hover{background:#ffffff24;border-color:#ffffff3d}.rz-btn--sm{height:36px;padding:0 var(--space-4);font-size:var(--text-xs)}.rz-btn--icon{width:36px;padding:0}.rz-btn__arrow{transition:transform var(--duration-base) var(--ease-out)}.rz-btn:hover .rz-btn__arrow{transform:translate(2px)}.rz-xero{gap:var(--space-4);flex-direction:column;display:flex}.rz-xero__status{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;width:fit-content;display:inline-flex}.rz-xero__status--connected{background:var(--rz-success-bg);color:var(--rz-success-strong);border:1px solid var(--rz-success-border)}.rz-xero__status--disconnected{background:var(--rz-cream-100);color:var(--text-secondary);border:1px solid var(--border-subtle)}.rz-xero__dot{border-radius:var(--radius-full);background:currentColor;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.rz-xero__heading{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0}.rz-xero__heading em{font-family:var(--font-display);font-style:italic;font-weight:var(--weight-regular);color:var(--text-secondary)}.rz-xero__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug);margin:0}.rz-workspace{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=600px){.rz-workspace{grid-template-columns:1fr}}.rz-workspace__link{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface-card-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:inherit;transition:all var(--duration-base) var(--ease-out);text-decoration:none;display:flex}.rz-workspace__link:hover{background:var(--surface-hover);border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.rz-workspace__link-icon{border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--border-default);width:40px;height:40px;color:var(--rz-orange-500);flex-shrink:0;place-items:center;display:grid}.rz-workspace__link-body{flex:1;min-width:0}.rz-workspace__link-title{font-size:var(--text-sm);font-weight:var(--weight-semi);color:var(--text-primary);margin-bottom:2px;display:block}.rz-workspace__link-meta{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.rz-workspace__link-arrow{color:var(--text-muted);transition:transform var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);flex-shrink:0}.rz-workspace__link:hover .rz-workspace__link-arrow{color:var(--rz-orange-500);transform:translate(2px,-2px)}.rz-table-card{padding:0;overflow:hidden}.rz-table-card__header{padding:var(--space-6) var(--space-6) var(--space-4);align-items:center;gap:var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.rz-table-card__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0}.rz-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.rz-table thead th{text-align:left;padding:var(--space-3) var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);background:var(--surface-card-alt);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.rz-table thead th:first-child{padding-left:var(--space-6)}.rz-table thead th:last-child{text-align:right;padding-right:var(--space-6)}.rz-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background var(--duration-base) var(--ease-out)}.rz-table tbody tr:last-child{border-bottom:none}.rz-table tbody tr:hover{background:var(--surface-card-alt)}.rz-table tbody td{padding:var(--space-4) var(--space-6);color:var(--text-primary);vertical-align:middle}.rz-table tbody td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:var(--weight-semi)}.rz-table__vendor{align-items:center;gap:var(--space-3);display:flex}.rz-table__vendor-mark{border-radius:var(--radius-md);background:var(--rz-cream-100);width:32px;height:32px;font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--text-secondary);flex-shrink:0;place-items:center;display:grid}.rz-table__vendor-name{font-weight:var(--weight-medium);color:var(--text-primary)}.rz-table__date{color:var(--text-secondary);font-variant-numeric:tabular-nums}.rz-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:0;border:1px solid #0000;display:inline-flex}.rz-badge--success{background:var(--rz-success-bg);color:var(--rz-success-strong);border-color:var(--rz-success-border)}.rz-badge--warning{background:var(--rz-warning-bg);color:var(--rz-warning-strong);border-color:var(--rz-warning-border)}.rz-badge--neutral{background:var(--rz-cream-100);color:var(--text-secondary);border-color:var(--border-subtle)}.rz-empty{padding:var(--space-16) var(--space-6);text-align:center}.rz-empty__icon{width:48px;height:48px;margin:0 auto var(--space-4);color:var(--text-muted);opacity:.6}.rz-empty__title{font-family:var(--font-display);font-style:italic;font-size:var(--text-xl);color:var(--text-secondary);margin:0 0 var(--space-2)}.rz-empty__description{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-5)}@keyframes rz-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rz-grid>*{animation:rz-rise .4s var(--ease-out) backwards}.rz-grid>:first-child{animation-delay:0s}.rz-grid>:nth-child(2){animation-delay:60ms}.rz-grid>:nth-child(3){animation-delay:.12s}.rz-grid>:nth-child(4){animation-delay:.18s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn-admin{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-admin:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.settings-btn{color:#0f172a;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.settings-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.rz-page{max-width:1200px;margin:0 auto}.rz-page__header{margin-bottom:48px}.rz-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-3);display:flex}.rz-breadcrumb__link{color:var(--text-2);text-decoration:none;transition:color .2s}.rz-breadcrumb__link:hover{color:var(--brand-600)}.rz-breadcrumb__separator{color:var(--text-3)}.rz-breadcrumb__current{color:var(--text);font-weight:500}.rz-segmented-control{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);display:inline-flex;overflow:hidden}.rz-segmented-control__btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-2);border:none;border-right:1px solid var(--border);cursor:pointer;align-items:center;gap:var(--space-2);background:0 0;font-weight:500;transition:all .2s;display:flex}.rz-segmented-control__btn:last-child{border-right:none}.rz-segmented-control__btn--active{background:var(--surface);color:var(--text)}.rz-segmented-control__btn:hover:not(.rz-segmented-control__btn--active){background:var(--surface)}.rz-metrics{gap:var(--space-4);grid-template-columns:repeat(4,1fr);margin-bottom:48px;display:grid}.rz-metric{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:24px}.rz-metric__label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);font-size:12px;font-weight:600;font-family:var(--font-ui);margin-bottom:16px}.rz-metric__value{color:var(--text);font-size:30px;font-weight:600;font-family:var(--font-mono)}.rz-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-bottom:48px;padding:24px}.rz-card__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.rz-card__title{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin:0;font-weight:600}.rz-chart-skeleton{grid-template-rows:1fr auto;grid-template-columns:60px 1fr;gap:0;height:300px;display:grid}.rz-chart-skeleton__y-axis{flex-direction:column;grid-area:1/1;justify-content:space-between;padding:20px 12px 20px 0;display:flex}.rz-chart-skeleton__y-tick{font-size:12px;font-family:var(--font-mono);color:var(--text-3);text-align:right;line-height:1}.rz-chart-skeleton__plot{border-left:1px solid var(--border);border-bottom:1px solid var(--border);grid-area:1/2;position:relative}.rz-chart-skeleton__gridlines{flex-direction:column;justify-content:space-between;padding:20px 0;display:flex;position:absolute;inset:0}.rz-chart-skeleton__gridline{background:var(--border);opacity:.5;height:1px}.rz-chart-skeleton__bars{align-items:flex-end;gap:4px;display:flex;position:absolute;inset:20px 20px 0}.rz-chart-skeleton__bar{background:var(--brand-600);cursor:pointer;border-radius:4px 4px 0 0;flex:1;transition:opacity .2s}.rz-chart-skeleton__bar:hover{opacity:.8}.rz-chart-skeleton__line{width:calc(100% - 40px);height:calc(100% - 40px);position:absolute;inset:20px}.rz-chart-skeleton__empty{padding:var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.rz-chart-skeleton__empty-title{font-size:var(--text-base);color:var(--text);margin-bottom:var(--space-2);font-weight:600}.rz-chart-skeleton__empty-description{font-size:var(--text-sm);color:var(--text-2)}.rz-chart-skeleton__x-axis{border-left:1px solid #0000;grid-area:2/2;justify-content:space-between;padding:12px 20px 0;display:flex}.rz-chart-skeleton__x-tick{font-size:12px;font-family:var(--font-mono);color:var(--text-3)}.rz-list{max-width:720px;margin:0 auto}.rz-list-item{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.rz-list-item:last-child{border-bottom:none}.rz-list-item__header{margin-bottom:var(--space-2);justify-content:space-between;align-items:baseline;display:flex}.rz-list-item__name{font-size:var(--text-base);color:var(--text);font-weight:600}.rz-list-item__amount{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--text);font-weight:600}.rz-list-item__count{font-size:var(--text-xs);color:var(--text-3);margin-bottom:var(--space-2)}.rz-list-item__bar{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);height:6px;overflow:hidden}.rz-list-item__bar-fill{border-right:2px solid var(--brand-600);background:#4f46e533;height:100%;transition:width .3s}.rz-empty-state{text-align:center;padding:var(--space-8)}.rz-empty-state__title{font-size:var(--text-base);color:var(--text);margin-bottom:var(--space-2);font-weight:600}.rz-empty-state__description{font-size:var(--text-sm);color:var(--text-2)}@media (width<=768px){.rz-metrics{grid-template-columns:repeat(2,1fr)}.rz-list{max-width:100%}}.rz-auth{background:var(--rz-ink-900);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.rz-auth:before{content:"";pointer-events:none;background:radial-gradient(800px 500px at 100% 0,#ff6b351f,#0000 60%),radial-gradient(600px 400px at 0 100%,#ffb8000f,#0000 65%);position:absolute;inset:0}.rz-auth:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:-1px -1px;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}.rz-auth__nav{z-index:2;padding:var(--space-6) var(--space-8);position:relative}.rz-auth__back{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--rz-ink-200);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);text-decoration:none;display:inline-flex}.rz-auth__back:hover{color:var(--rz-cream-50);background:#ffffff0a}.rz-auth__back-arrow{transition:transform var(--duration-base) var(--ease-out)}.rz-auth__back:hover .rz-auth__back-arrow{transform:translate(-2px)}.rz-auth__main{z-index:2;padding:var(--space-8) var(--space-6) var(--space-12);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.rz-auth-card{background:var(--rz-cream-50);border-radius:var(--radius-2xl);width:100%;max-width:440px;padding:var(--space-10) var(--space-8);animation:rz-auth-rise .6s var(--ease-out) backwards;z-index:3;position:relative;box-shadow:0 0 0 1px #ffffff0a,0 32px 64px #0006,0 12px 24px #0003}@keyframes rz-auth-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rz-auth-card__brand{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--weight-bold);font-size:var(--text-xl);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-8);display:flex}.rz-auth-card__brand-bolt{width:26px;height:26px;color:var(--rz-orange-500)}.rz-auth-card__header{text-align:center;margin-bottom:var(--space-8)}.rz-auth-card__title{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0 0 var(--space-2)}.rz-auth-card__title em{font-family:var(--font-display);font-style:italic;font-weight:var(--weight-regular);color:var(--text-secondary)}.rz-auth-card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.rz-form{gap:var(--space-5);flex-direction:column;display:flex}.rz-field{gap:var(--space-2);flex-direction:column;display:flex}.rz-field__label{font-size:var(--text-sm);font-weight:var(--weight-semi);color:var(--text-primary);letter-spacing:-.005em}.rz-field__hint{font-size:var(--text-xs);color:var(--text-muted);margin:0}.rz-field__error{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--rz-error);margin:0;display:flex}.rz-field__error-icon{flex-shrink:0;width:12px;height:12px}.rz-input{width:100%;height:46px;padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);transition:border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);appearance:none;background:#fff}.rz-input::placeholder{color:var(--rz-ink-300)}.rz-input:hover{border-color:var(--rz-ink-300)}.rz-input:focus{border-color:var(--rz-orange-500);outline:none;box-shadow:0 0 0 4px #ff6b351f}.rz-input--error{border-color:var(--rz-error)}.rz-input--error:focus{box-shadow:0 0 0 4px #c0392b1f}.rz-input-group{position:relative}.rz-input-group__icon{left:var(--space-4);width:16px;height:16px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.rz-input-group .rz-input{padding-left:calc(var(--space-4) + 16px + var(--space-3))}.rz-input-group__action{right:var(--space-2);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);background:0 0;border:none;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.rz-input-group__action:hover{color:var(--text-primary);background:var(--surface-hover)}.rz-checkbox{align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1;display:inline-flex;position:relative}.rz-checkbox__input{opacity:0;pointer-events:none;position:absolute}.rz-checkbox__box{border:1.5px solid var(--border-strong);border-radius:var(--radius-xs);width:18px;height:18px;transition:all var(--duration-base) var(--ease-out);cursor:pointer;background:#fff;flex-shrink:0;margin-top:1px;position:relative}.rz-checkbox__box:after{content:"";width:4px;height:8px;transition:transform var(--duration-base) var(--ease-spring);border:2px solid #fff;border-width:0 2px 2px 0;position:absolute;top:3px;left:6px;transform:rotate(45deg)scale(0)}.rz-checkbox:hover .rz-checkbox__box{border-color:var(--rz-orange-500)}.rz-checkbox__input:checked~.rz-checkbox__box{background:var(--rz-orange-500);border-color:var(--rz-orange-500)}.rz-checkbox__input:checked~.rz-checkbox__box:after{transform:rotate(45deg)scale(1)}.rz-checkbox__input:focus-visible~.rz-checkbox__box{box-shadow:0 0 0 4px #ff6b352e}.rz-checkbox__label a{color:var(--text-link);font-weight:var(--weight-semi);transition:border-color var(--duration-base) var(--ease-out);border-bottom:1px solid #0000;text-decoration:none}.rz-checkbox__label a:hover{border-bottom-color:var(--rz-orange-500)}.rz-btn--block{width:100%;height:48px;font-size:var(--text-base)}.rz-btn--primary:disabled{background:var(--rz-orange-300);color:#ffffffd9;box-shadow:none;cursor:not-allowed;opacity:1}.rz-divider{padding:var(--space-4);margin:var(--space-2) 0;align-items:center;display:flex}.rz-divider:before,.rz-divider:after{content:"";background:var(--border-default);flex:1;height:1px}.rz-divider__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted)}.rz-btn--oauth{width:100%;height:48px;color:var(--text-primary);border:1px solid var(--border-strong);font-weight:var(--weight-semi);font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--space-3);cursor:pointer;transition:all var(--duration-base) var(--ease-out);background:#fff;display:flex}.rz-btn--oauth:hover:not(:disabled){background:var(--surface-hover);border-color:var(--rz-ink-300)}.rz-btn--oauth:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-hover)}.rz-btn--oauth svg{flex-shrink:0;width:18px;height:18px}.rz-auth-card__footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-secondary)}.rz-auth-card__footer a{color:var(--text-link);font-weight:var(--weight-semi);margin-left:var(--space-1);transition:border-color var(--duration-base) var(--ease-out);border-bottom:1px solid #0000;text-decoration:none}.rz-auth-card__footer a:hover{border-bottom-color:var(--rz-orange-500)}.rz-auth-card__trust{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-5);font-size:var(--text-xs);color:var(--text-muted);display:flex}.rz-auth-card__trust svg{width:12px;height:12px;color:var(--rz-success)}.rz-auth__bottom{z-index:2;padding:var(--space-6) var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex;position:relative}.rz-auth__bottom-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--rz-ink-300);letter-spacing:var(--tracking-wide)}.rz-auth__bottom-links{gap:var(--space-5);display:flex}.rz-auth__bottom-links a{font-size:var(--text-xs);color:var(--rz-ink-300);transition:color var(--duration-base) var(--ease-out);text-decoration:none}.rz-auth__bottom-links a:hover{color:var(--rz-cream-50)}@media (width<=540px){.rz-auth-card{padding:var(--space-8) var(--space-6);max-width:100%}.rz-auth__main{padding:var(--space-4) var(--space-4) var(--space-8)}.rz-auth__bottom{flex-direction:column;align-items:flex-start}}.rz-legal{background:var(--surface-page);background-image:radial-gradient(1000px 500px at 100% 0,#ffb8000a,#0000 60%);min-height:100vh}.rz-legal__header{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--border-subtle);background:#fafaf7d9;position:sticky;top:0}.rz-legal__header-inner{max-width:var(--container-max);height:var(--header-height);padding:0 var(--space-8);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.rz-legal__back{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);text-decoration:none;display:inline-flex}.rz-legal__back:hover{color:var(--text-primary);background:var(--surface-card-alt)}.rz-legal__back-arrow{transition:transform var(--duration-base) var(--ease-out)}.rz-legal__back:hover .rz-legal__back-arrow{transform:translate(-2px)}.rz-legal__container{max-width:var(--container-max);padding:var(--space-12) var(--space-8) var(--space-16);gap:var(--space-12);grid-template-columns:240px 1fr;margin:0 auto;display:grid}@media (width<=1000px){.rz-legal__container{gap:var(--space-8);padding:var(--space-8) var(--space-6) var(--space-12);grid-template-columns:1fr}}.rz-toc{top:calc(var(--header-height) + var(--space-8));max-height:calc(100vh - var(--header-height) - var(--space-12));align-self:start;position:sticky;overflow-y:auto}@media (width<=1000px){.rz-toc{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);max-height:none;padding:var(--space-5);position:static}}.rz-toc__label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--rz-orange-600);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-4);display:block}.rz-toc__label:before{content:"// ";opacity:.7}.rz-toc__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.rz-toc__link{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);line-height:var(--leading-snug);border-left:2px solid #0000;text-decoration:none;display:block}.rz-toc__link:hover{color:var(--text-primary);background:var(--surface-card-alt)}.rz-toc__link.is-active{color:var(--rz-orange-600);background:var(--rz-orange-50);border-left-color:var(--rz-orange-500);font-weight:var(--weight-semi)}.rz-article{min-width:0;max-width:760px}.rz-article__header{margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-default)}.rz-article__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--rz-orange-600);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-4);display:inline-block}.rz-article__eyebrow:before{content:"// ";opacity:.7}.rz-article__title{font-family:var(--font-body);font-size:var(--text-3xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary);margin:0 0 var(--space-3)}.rz-article__title em{font-family:var(--font-display);font-style:italic;font-weight:var(--weight-regular);color:var(--text-secondary)}.rz-article__meta{align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.rz-article__meta-item{align-items:center;gap:var(--space-2);display:inline-flex}.rz-article__meta-item svg{width:14px;height:14px}.rz-article__meta-divider{background:var(--text-muted);opacity:.5;border-radius:50%;width:3px;height:3px}.rz-prose{font-size:var(--text-base);line-height:var(--leading-loose);color:var(--rz-ink-700)}.rz-prose>*+*{margin-top:var(--space-5)}.rz-prose h2{font-family:var(--font-body);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);color:var(--text-primary);margin:var(--space-12) 0 var(--space-4);scroll-margin-top:calc(var(--header-height) + var(--space-6));position:relative}.rz-prose h2:first-child{margin-top:0}.rz-prose h2 .rz-prose__num{font-family:var(--font-mono);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--rz-orange-600);margin-right:var(--space-3);letter-spacing:0}.rz-prose h3{font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:-.01em;color:var(--text-primary);margin:var(--space-8) 0 var(--space-3);scroll-margin-top:calc(var(--header-height) + var(--space-6))}.rz-prose p{color:var(--rz-ink-600);margin:0}.rz-prose strong{color:var(--text-primary);font-weight:var(--weight-semi)}.rz-prose a{color:var(--text-link);border-bottom:1px solid var(--rz-orange-200);transition:border-color var(--duration-base) var(--ease-out), background var(--duration-base) var(--ease-out);padding-bottom:1px;text-decoration:none}.rz-prose a:hover{border-bottom-color:var(--rz-orange-500);background:var(--rz-orange-50)}.rz-prose ul,.rz-prose ol{padding-left:var(--space-6);color:var(--rz-ink-600);margin:0}.rz-prose ul{padding-left:0;list-style:none}.rz-prose ul li{padding-left:var(--space-6);margin-bottom:var(--space-3);position:relative}.rz-prose ul li:before{content:"";background:var(--rz-orange-400);opacity:.7;border-radius:50%;width:6px;height:6px;position:absolute;top:.5em;left:0}.rz-prose ol{padding-left:var(--space-6)}.rz-prose ol li{margin-bottom:var(--space-3);padding-left:var(--space-2)}.rz-prose ol li::marker{color:var(--rz-orange-600);font-weight:var(--weight-semi)}.rz-prose blockquote,.rz-callout{margin:var(--space-6) 0;padding:var(--space-5) var(--space-6);background:var(--surface-card);border:1px solid var(--border-default);border-left:3px solid var(--rz-orange-500);border-radius:var(--radius-lg)}.rz-callout--info{border-left-color:var(--rz-info)}.rz-callout--success{border-left-color:var(--rz-success)}.rz-callout--warning{border-left-color:var(--rz-warning);background:var(--rz-warning-bg)}.rz-callout__title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--text-primary);margin:0 0 var(--space-2);letter-spacing:-.005em;display:flex}.rz-callout__body{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.rz-prose code{font-family:var(--font-mono);background:var(--rz-cream-100);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--rz-ink-700);padding:2px 6px;font-size:.9em}.rz-prose table{border-collapse:collapse;width:100%;margin:var(--space-6) 0;font-size:var(--text-sm);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.rz-prose thead th{text-align:left;padding:var(--space-3) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);background:var(--surface-card-alt);border-bottom:1px solid var(--border-subtle)}.rz-prose tbody td{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);color:var(--rz-ink-600);vertical-align:top}.rz-prose tbody tr:last-child td{border-bottom:none}.rz-legal__article-footer{margin-top:var(--space-16);border-top:1px solid var(--border-default)}.rz-legal__related{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.rz-legal__related-link{padding:var(--space-4);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-weight:var(--weight-semi);font-size:var(--text-sm);transition:all var(--duration-base) var(--ease-out);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.rz-legal__related-link:hover{border-color:var(--rz-orange-300);background:var(--rz-orange-50);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.rz-legal__related-link svg{width:14px;height:14px;color:var(--text-muted);transition:transform var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out)}.rz-legal__related-link:hover svg{color:var(--rz-orange-500);transform:translate(2px)}.rz-contact-box{margin-top:var(--space-8);padding:var(--space-6);background:var(--rz-ink-900);color:var(--rz-cream-50);border-radius:var(--radius-xl);position:relative;overflow:hidden}.rz-contact-box:before{content:"";pointer-events:none;background:radial-gradient(300px at 100% 0,#ff6b3526,#0000 60%);position:absolute;inset:0}.rz-contact-box>*{position:relative}.rz-contact-box__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--rz-amber-500);margin-bottom:var(--space-2)}.rz-contact-box__label:before{content:"// ";opacity:.7}.rz-contact-box__title{font-size:var(--text-lg);font-weight:var(--weight-bold);margin:0 0 var(--space-2);letter-spacing:var(--tracking-tight)}.rz-contact-box__body{font-size:var(--text-sm);color:var(--rz-ink-200);margin:0 0 var(--space-4)}.rz-contact-box__email{align-items:center;gap:var(--space-2);color:var(--rz-orange-400);font-weight:var(--weight-semi);transition:border-color var(--duration-base) var(--ease-out);border-bottom:1px solid #0000;text-decoration:none;display:inline-flex}.rz-contact-box__email:hover{border-bottom-color:var(--rz-orange-400)}.rz-back-link{border:1px solid var(--rule);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.rz-back-link:hover{background:var(--paper-2);border-color:var(--ink-3);color:var(--ink)}.rz-alert{border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;font-size:14px;line-height:1.6;display:flex}.rz-alert svg{flex-shrink:0;width:20px;height:20px;margin-top:2px}.rz-alert--success{color:#065f46;background:#f0fdf4;border:1px solid #10b981}.rz-alert--success svg{color:#10b981}.rz-alert--error{color:#991b1b;background:#fef2f2;border:1px solid #ef4444}.rz-alert--error svg{color:#ef4444}.rz-alert p{margin:0}.rz-refund-policy{background:#eff6ff;border:1px solid #3b82f6;border-radius:8px;align-items:flex-start;gap:16px;margin-bottom:32px;padding:20px;display:flex}.rz-refund-policy__icon{color:#3b82f6;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rz-refund-policy__icon svg{width:20px;height:20px}.rz-refund-policy__body{flex:1}.rz-refund-policy__body h3{color:#1e40af;margin-bottom:8px;font-size:16px;font-weight:600}.rz-refund-policy__body p{color:#1e3a8a;margin:0;font-size:14px;line-height:1.6}.rz-refund-policy__action a{color:#3b82f6;align-items:center;gap:4px;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.rz-refund-policy__action a:hover{color:#2563eb}.rz-status{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.rz-status__dot{background:currentColor;border-radius:50%;width:8px;height:8px}.rz-status--eligible{color:#065f46;background:#f0fdf4;border:1px solid #10b981}.rz-status--pending{color:#92400e;background:#fef3c7;border:1px solid #f59e0b}.rz-status--approved{color:#1e40af;background:#dbeafe;border:1px solid #3b82f6}.rz-status--denied{color:#991b1b;background:#fef2f2;border:1px solid #ef4444}.rz-status--processed{color:#065f46;background:#f0fdf4;border:1px solid #10b981}.rz-toast-region{bottom:var(--space-6);right:var(--space-6);z-index:200;gap:var(--space-3);pointer-events:none;max-width:calc(100vw - var(--space-8));flex-direction:column-reverse;display:flex;position:fixed}@media (width<=540px){.rz-toast-region{bottom:var(--space-4);right:var(--space-4);left:var(--space-4);width:auto}}.rz-toast{pointer-events:auto;align-items:flex-start;gap:var(--space-3);width:380px;max-width:100%;padding:var(--space-4) var(--space-5);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:rz-toast-in .32s var(--ease-spring);grid-template-columns:auto 1fr auto;display:grid;position:relative;overflow:hidden}.rz-toast--leaving{animation:rz-toast-out .22s var(--ease-in) forwards}@keyframes rz-toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes rz-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)scale(.98)}}.rz-toast:before{content:"";background:var(--rz-orange-500);width:3px;position:absolute;top:0;bottom:0;left:0}.rz-toast--success:before{background:var(--rz-success)}.rz-toast--error:before{background:var(--rz-error)}.rz-toast--warning:before{background:var(--rz-warning)}.rz-toast--info:before{background:var(--rz-info)}.rz-toast__icon{border-radius:var(--radius-full);background:var(--rz-orange-50);width:22px;height:22px;color:var(--rz-orange-600);flex-shrink:0;place-items:center;display:grid}.rz-toast--success .rz-toast__icon{background:var(--rz-success-bg);color:var(--rz-success-strong)}.rz-toast--error .rz-toast__icon{background:var(--rz-error-bg);color:var(--rz-error-strong)}.rz-toast--warning .rz-toast__icon{background:var(--rz-warning-bg);color:var(--rz-warning-strong)}.rz-toast--info .rz-toast__icon{background:var(--rz-info-bg);color:var(--rz-info)}.rz-toast__icon svg{width:14px;height:14px}.rz-toast__body{min-width:0}.rz-toast__title{font-size:var(--text-sm);font-weight:var(--weight-semi);color:var(--text-primary);letter-spacing:-.005em;margin:0 0 2px}.rz-toast__description{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-snug);margin:0}.rz-toast__action{margin-top:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semi);color:var(--rz-orange-600);cursor:pointer;font-family:var(--font-body);transition:border-color var(--duration-base) var(--ease-out);background:0 0;border:none;border-bottom:1px solid #0000;display:block}.rz-toast__action:hover{border-bottom-color:var(--rz-orange-500)}.rz-toast__close{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:background var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out);background:0 0;border:none;flex-shrink:0;place-items:center;margin-top:-2px;display:grid}.rz-toast__close:hover{background:var(--surface-hover);color:var(--text-primary)}.rz-toast__progress{background:var(--rz-orange-200);transform-origin:0;height:2px;animation:rz-toast-progress var(--toast-duration,4s) linear forwards;position:absolute;bottom:0;left:0;right:0}.rz-toast--success .rz-toast__progress{background:var(--rz-success-border)}.rz-toast--error .rz-toast__progress{background:var(--rz-error-border)}.rz-toast--warning .rz-toast__progress{background:var(--rz-warning-border)}.rz-toast--info .rz-toast__progress{background:var(--rz-info-border)}@keyframes rz-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.rz-cookie-banner{bottom:var(--space-5);z-index:9999;width:calc(100% - var(--space-8));color:#fff;border-radius:var(--radius-xl);max-width:720px;padding:var(--space-5) var(--space-6);gap:var(--space-5);animation:rz-cookie-rise .4s var(--ease-out) .2s backwards;background:#0f172a;border:1px solid #334155;grid-template-columns:auto 1fr auto;align-items:center;display:grid;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 24px 60px #00000080}@keyframes rz-cookie-rise{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}@media (width<=700px){.rz-cookie-banner{gap:var(--space-4);bottom:var(--space-3);width:calc(100% - var(--space-6));padding:var(--space-5);grid-template-columns:1fr}}.rz-cookie-banner:before{content:"";pointer-events:none;background:radial-gradient(300px at 100% 0,#ff6b352e,#0000 60%);position:absolute;inset:0}.rz-cookie-banner>*{position:relative}.rz-cookie-banner__icon{border-radius:var(--radius-md);width:40px;height:40px;color:var(--rz-amber-500);background:#ffb8001f;flex-shrink:0;place-items:center;display:grid}.rz-cookie-banner__icon svg{width:18px;height:18px}.rz-cookie-banner__body{min-width:0}.rz-cookie-banner__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--rz-amber-500);margin-bottom:2px;display:block}.rz-cookie-banner__label:before{content:"// ";opacity:.7}.rz-cookie-banner__text{font-size:var(--text-sm);color:#cbd5e1;line-height:var(--leading-snug);margin:0}.rz-cookie-banner__text strong{color:#fff;font-weight:var(--weight-semi)}.rz-cookie-banner__text a{color:var(--rz-orange-400);transition:color var(--duration-base) var(--ease-out);border-bottom:1px solid #0000;text-decoration:none}.rz-cookie-banner__text a:hover{color:var(--rz-orange-400)}.rz-cookie-banner__actions{gap:var(--space-2);flex-shrink:0;display:flex}@media (width<=700px){.rz-cookie-banner__actions{flex-wrap:wrap}.rz-cookie-banner__actions .rz-btn{flex:1;min-width:120px}}.rz-cookie-banner .rz-btn--primary{background:var(--rz-orange-500)}.rz-cookie-banner .rz-btn--secondary{color:var(--rz-cream-50);background:#ffffff14;border-color:#ffffff29}.rz-cookie-banner .rz-btn--secondary:hover{background:#ffffff24;border-color:#ffffff3d}.rz-cookie-banner .rz-btn--ghost{color:var(--rz-ink-200);background:0 0}.rz-cookie-banner .rz-btn--ghost:hover{color:var(--rz-cream-50);background:#ffffff0f}.rz-cookie-prefs{gap:var(--space-4);flex-direction:column;display:flex}.rz-cookie-pref{gap:var(--space-2) var(--space-4);padding:var(--space-4);background:var(--surface-card-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);grid-template-columns:1fr auto;display:grid}.rz-cookie-pref__title{font-size:var(--text-sm);font-weight:var(--weight-semi);color:var(--text-primary);letter-spacing:-.005em;margin:0}.rz-cookie-pref__description{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-snug);grid-column:1/-1;margin:0}.rz-cookie-pref--required{background:var(--rz-cream-100)}.rz-cookie-pref__required-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);align-self:center}.rz-toggle{cursor:pointer;flex-shrink:0;width:36px;height:22px;position:relative}.rz-toggle__input{opacity:0;pointer-events:none;position:absolute}.rz-toggle__slider{background:var(--rz-ink-200);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-base) var(--ease-out);position:absolute;inset:0}.rz-toggle__slider:before{content:"";border-radius:var(--radius-full);width:18px;height:18px;transition:transform var(--duration-base) var(--ease-spring);background:#fff;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.rz-toggle__input:checked~.rz-toggle__slider{background:var(--rz-orange-500)}.rz-toggle__input:checked~.rz-toggle__slider:before{transform:translate(14px)}.rz-toggle__input:focus-visible~.rz-toggle__slider{box-shadow:0 0 0 4px #ff6b352e}.rz-404{background:var(--surface-page);background-image:radial-gradient(1000px 600px at 100% 0,#ffb80012,#0000 60%),radial-gradient(800px 500px at 0 100%,#ff6b350d,#0000 65%);flex-direction:column;min-height:100vh;display:flex}.rz-404__nav{padding:var(--space-6) var(--space-8)}.rz-404__main{padding:var(--space-8) var(--space-6) var(--space-12);flex:1;justify-content:center;align-items:center;display:flex}.rz-404__content{text-align:center;max-width:560px}.rz-404__numeric{font-family:var(--font-display);font-size:clamp(8rem,18vw,14rem);font-style:italic;line-height:.85;font-weight:var(--weight-regular);letter-spacing:-.04em;color:var(--rz-orange-500);margin-bottom:var(--space-6);background:linear-gradient(135deg, var(--rz-orange-500), var(--rz-orange-600));-webkit-text-fill-color:transparent;animation:rz-404-bounce .8s var(--ease-spring) backwards;-webkit-background-clip:text;background-clip:text}@keyframes rz-404-bounce{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.rz-404__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--rz-orange-600);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-3);display:inline-block}.rz-404__eyebrow:before{content:"// ";opacity:.7}.rz-404__title{font-family:var(--font-body);font-size:var(--text-2xl);font-weight:var(--weight-black);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin:0 0 var(--space-3)}.rz-404__title em{font-family:var(--font-display);font-style:italic;font-weight:var(--weight-regular);color:var(--text-secondary)}.rz-404__description{font-size:var(--text-md);color:var(--text-secondary);margin:0 0 var(--space-8);max-width:44ch;margin-left:auto;margin-right:auto}.rz-404__actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.rz-404__suggestions{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.rz-404__suggestions-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-4);display:block}.rz-404__suggestions-list{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.rz-404__suggestion{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);transition:all var(--duration-base) var(--ease-out);text-decoration:none;display:inline-flex}.rz-404__suggestion:hover{border-color:var(--rz-orange-300);background:var(--rz-orange-50);color:var(--rz-orange-700);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.rz-404__suggestion svg{width:12px;height:12px;color:var(--text-muted);transition:transform var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out)}.rz-404__suggestion:hover svg{color:var(--rz-orange-500);transform:translate(2px)}.chatbot-toggle{color:#fff;cursor:pointer;z-index:9998;background:linear-gradient(135deg,#ff6b35 0%,#ffb800 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #ff6b3566}.chatbot-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #ff6b3580}.chatbot-toggle svg{width:28px;height:28px}.chatbot-toggle-open{background:#1c2235}.chatbot-pulse{background:#16a34a;border:3px solid #fff;border-radius:50%;width:16px;height:16px;animation:2s infinite pulse;position:absolute;top:-2px;right:-2px}.chatbot-window{z-index:9999;background:#fff;border-radius:16px;flex-direction:column;width:380px;height:600px;max-height:calc(100vh - 140px);animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:100px;right:24px;overflow:hidden;box-shadow:0 8px 32px #0000001f}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{color:#fff;background:linear-gradient(135deg,#ff6b35 0%,#ffb800 100%);border-radius:16px 16px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.chatbot-header-info{align-items:center;gap:.75rem;display:flex}.chatbot-avatar{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.chatbot-avatar svg{width:20px;height:20px}.chatbot-header-title{margin-bottom:.25rem;font-size:1rem;font-weight:700}.chatbot-header-status{opacity:.9;align-items:center;gap:.375rem;font-size:.75rem;display:flex}.chatbot-status-dot{background:#16a34a;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.chatbot-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.chatbot-close:hover{background:#ffffff4d}.chatbot-close svg{width:18px;height:18px}.chatbot-messages{background:#f9f8f4;flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.chatbot-message{gap:.5rem;animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatbot-message-user{flex-direction:row-reverse}.chatbot-message-avatar{color:#fff;background:linear-gradient(135deg,#ff6b35 0%,#ffb800 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.chatbot-message-avatar svg{width:18px;height:18px}.chatbot-message-content{flex-direction:column;gap:.25rem;max-width:75%;display:flex}.chatbot-message-user .chatbot-message-content{align-items:flex-end}.chatbot-message-bubble{border-radius:12px;padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.chatbot-message-bot .chatbot-message-bubble{color:#1c2235;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #00000014}.chatbot-message-user .chatbot-message-bubble{color:#fff;background:linear-gradient(135deg,#ff6b35 0%,#ffb800 100%);border-bottom-right-radius:4px}.chatbot-message-time{color:#94a3b8;padding:0 .5rem;font-size:.7rem}.chatbot-typing{align-items:center;gap:.375rem;display:flex;padding:1rem!important}.chatbot-typing span{background:#64748b;border-radius:50%;width:8px;height:8px;animation:1.4s infinite typing}.chatbot-typing span:nth-child(2){animation-delay:.2s}.chatbot-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chatbot-quick-actions{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 1px 3px #00000014}.chatbot-quick-label{color:#64748b;margin-bottom:.75rem;font-size:.85rem;font-weight:600}.chatbot-quick-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.chatbot-quick-button{cursor:pointer;text-align:center;background:#f9f8f4;border:1px solid #e2dfd2;border-radius:8px;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem;transition:all .2s;display:flex}.chatbot-quick-button:hover{background:#fff1e8;border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 2px 8px #ff6b3526}.chatbot-quick-icon{font-size:1.5rem}.chatbot-quick-text{color:#1c2235;font-size:.75rem;font-weight:500;line-height:1.2}.chatbot-input-form{z-index:10;background:#fff;border-top:1px solid #e2dfd2;flex-shrink:0;gap:.5rem;padding:1rem;display:flex;position:sticky;bottom:0}.chatbot-input{border:1px solid #e2dfd2;border-radius:24px;outline:none;flex:1;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.chatbot-input:focus{border-color:#ff6b35}.chatbot-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35 0%,#ffb800 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.chatbot-send:hover:not(:disabled){transform:scale(1.05)}.chatbot-send:disabled{opacity:.5;cursor:not-allowed}.chatbot-send svg{width:18px;height:18px}.chatbot-footer{text-align:center;color:#64748b;z-index:9;background:#f9f8f4;border-radius:0 0 16px 16px;flex-shrink:0;padding:.75rem 1rem;font-size:.75rem;position:sticky;bottom:0}.chatbot-footer a{color:#ff6b35;font-weight:600;text-decoration:none}.chatbot-footer a:hover{text-decoration:underline}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:0 0}.chatbot-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=480px){.chatbot-window{width:calc(100vw - 24px);height:calc(100vh - 120px);max-height:calc(100vh - 120px);bottom:90px;right:12px}.chatbot-toggle{width:56px;height:56px;bottom:20px;right:20px}.chatbot-toggle svg{width:24px;height:24px}.chatbot-quick-grid{grid-template-columns:1fr}}:root{--ink:#0a0e1a;--ink-2:#12161f;--ink-3:#1c2235;--paper:#fafaf7;--paper-2:#f4f3ed;--paper-3:#ebe9df;--rule:#e2dfd2;--muted:#6b7280;--muted-2:#9ca3af;--accent:#ff6b35;--accent-2:#ffb800;--accent-soft:#fff1e8;--success:#16a34a;--shadow-sm:0 1px 2px #0a0e1a0a, 0 1px 3px #0a0e1a0f;--shadow-md:0 4px 6px -1px #0a0e1a0f, 0 10px 15px -3px #0a0e1a14;--shadow-lg:0 10px 25px -5px #0a0e1a1a, 0 25px 50px -12px #0a0e1a2e;--shadow-glow:0 0 0 1px #ff6b3533, 0 20px 60px -15px #ff6b3573}*{box-sizing:border-box;margin:0;padding:0}.landing{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01", "cv11";font-family:Inter Tight,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}.landing .container{max-width:1240px;margin:0 auto;padding:0 32px}.landing .nav{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--rule);background:#fafaf7d9;position:sticky;top:0}.landing .nav-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.landing .logo{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:8px;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:700;text-decoration:none;display:flex}.landing .logo-mark{justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:relative}.landing .logo-mark:before{content:"⚡";color:var(--accent);filter:drop-shadow(0 1px 2px #0003);font-size:24px;line-height:1}.landing .nav-links{align-items:center;gap:32px;list-style:none;display:flex}.landing .nav-links a{color:var(--ink);opacity:.78;font-size:14.5px;font-weight:500;text-decoration:none;transition:opacity .2s}.landing .nav-links a:hover{opacity:1}.landing .nav-cta{gap:10px;display:flex}.landing .btn{cursor:pointer;letter-spacing:-.01em;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14.5px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.landing .btn-primary{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff1a}.landing .btn-primary:hover{background:var(--ink-3);box-shadow:var(--shadow-md), inset 0 1px 0 #ffffff1a;transform:translateY(-1px)}.landing .btn-accent{background:var(--brand-600);color:#fff;box-shadow:0 1px 2px #0000000d}.landing .btn-accent:hover{background:var(--brand-700);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.landing .btn-ghost{color:var(--ink);border:1px solid var(--rule);background:0 0}.landing .btn-ghost:hover{background:var(--paper-2);border-color:var(--ink)}.landing .btn-lg{border-radius:12px;padding:14px 26px;font-size:16px}.landing .btn .arrow{transition:transform .2s}.landing .btn:hover .arrow{transform:translate(3px)}.landing .hero{padding:80px 0 60px;position:relative;overflow:hidden}.landing .hero-grid{background-image:linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px);opacity:.5;pointer-events:none;background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000 30%,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 30%,#000 30%,#0000 70%)}.landing .hero-blob{filter:blur(120px);opacity:.35;pointer-events:none;border-radius:50%;width:600px;height:600px;position:absolute}.landing .hero-blob-1{background:var(--accent);top:-100px;right:-150px}.landing .hero-blob-2{background:var(--accent-2);opacity:.2;bottom:-200px;left:-100px}.landing .hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid;position:relative}.landing .eyebrow{border:1px solid var(--rule);color:var(--ink-3);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 12px 6px 8px;font-size:13px;font-weight:500;display:inline-flex}.landing .eyebrow-dot{background:var(--accent-soft);width:18px;height:18px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.landing .hero h1{letter-spacing:-.035em;margin-bottom:24px;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(42px,6.5vw,76px);font-weight:600;line-height:.98}.landing .hero h1 .accent-word{color:var(--accent);font-weight:600}.landing .hero-sub{color:var(--muted);max-width:520px;margin-bottom:36px;font-size:19px;line-height:1.55}.landing .hero-cta{flex-wrap:wrap;gap:14px;margin-bottom:28px;display:flex}.landing .hero-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:18px;font-size:14px;display:flex}.landing .hero-meta-item{align-items:center;gap:6px;display:inline-flex}.landing .check-ico{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:inline-flex}.landing .hero-visual{height:500px;position:relative}.landing .mock-card{border:1px solid var(--rule);box-shadow:var(--shadow-lg);background:#fff;border-radius:14px;font-family:JetBrains Mono,monospace;position:absolute}.landing .mock-email{z-index:1;width:320px;padding:18px;top:0;right:0;transform:rotate(-2deg)}.landing .mock-email-header{color:var(--muted);border-bottom:1px dashed var(--rule);justify-content:space-between;margin-bottom:12px;padding-bottom:12px;font-size:11px;display:flex}.landing .mock-email-from{color:var(--ink);font-weight:600}.landing .mock-email-subject{margin-bottom:8px;font-family:Inter Tight,sans-serif;font-size:14px;font-weight:600}.landing .mock-email-body{color:var(--muted);margin-bottom:14px;font-family:Inter Tight,sans-serif;font-size:12.5px;line-height:1.5}.landing .mock-attach{background:var(--paper-2);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-family:Inter Tight,sans-serif;font-size:11.5px;display:flex}.landing .mock-attach+.mock-attach{margin-top:6px}.landing .mock-attach-ico{border:1px solid var(--rule);width:22px;height:22px;color:var(--accent);background:#fff;border-radius:4px;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:flex}.landing .mock-arrow{z-index:2;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:220px;left:50%;transform:translate(-50%)}.landing .mock-arrow-line{background:linear-gradient(to bottom, var(--accent), var(--accent-2));border-radius:2px;width:2px;height:28px}.landing .mock-arrow-pill{background:var(--ink);color:#fff;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:4px 9px;font-family:JetBrains Mono,monospace;font-size:10.5px}.landing .mock-sheet{z-index:2;width:360px;padding:0;bottom:0;left:0;overflow:hidden;transform:rotate(2deg)}.landing .mock-sheet-header{background:var(--paper-2);border-bottom:1px solid var(--rule);align-items:center;gap:8px;padding:10px 14px;display:flex}.landing .mock-sheet-dots{gap:5px;display:flex}.landing .mock-sheet-dots span{background:var(--rule);border-radius:50%;width:9px;height:9px}.landing .mock-sheet-dots span:first-child{background:#ff5f57}.landing .mock-sheet-dots span:nth-child(2){background:#febc2e}.landing .mock-sheet-dots span:nth-child(3){background:#28c840}.landing .mock-sheet-title{color:var(--ink-3);font-family:Inter Tight,sans-serif;font-size:12px;font-weight:600}.landing .mock-sheet-body{padding:0;font-size:11.5px}.landing .mock-row{border-bottom:1px solid var(--paper-2);grid-template-columns:1.4fr 1fr .7fr;align-items:center;padding:9px 14px;display:grid}.landing .mock-row.header{background:var(--paper-2);color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-weight:600}.landing .mock-row.new{background:linear-gradient(90deg,#ffb8001f,#0000);animation:3s ease-in-out infinite rowPulse}@keyframes rowPulse{0%,to{background:linear-gradient(90deg,#ffb8001f,#0000)}50%{background:linear-gradient(90deg,#ffb80038,#0000)}}.landing .mock-amount{text-align:right;font-family:JetBrains Mono,monospace;font-weight:500}.landing .mock-tag{background:var(--ink);color:#fff;z-index:3;box-shadow:var(--shadow-md);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;display:flex;position:absolute;top:380px;right:20px;transform:rotate(4deg)}.landing .live-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite livePulse;box-shadow:0 0 0 4px #16a34a33}@keyframes livePulse{0%,to{box-shadow:0 0 0 4px #16a34a33}50%{box-shadow:0 0 0 8px #16a34a0d}}.landing .logos{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--paper-2);padding:48px 0}.landing .logos-label{text-align:center;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:24px;font-size:12.5px;font-weight:500}.landing .logos-row{opacity:.55;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:30px;display:flex}.landing .logo-item{letter-spacing:-.02em;color:var(--ink);white-space:nowrap;font-family:Bricolage Grotesque,sans-serif;font-size:22px;font-weight:700}.landing .logo-item.italic{font-style:italic;font-weight:600}.landing .logo-item.mono{text-transform:uppercase;letter-spacing:.06em;font-family:JetBrains Mono,monospace;font-size:18px}.landing .section-header{text-align:left;margin-bottom:48px}.landing .section-title{letter-spacing:-.03em;margin-bottom:18px;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(34px,4.5vw,52px);font-weight:600;line-height:1.05}.landing .section-title em{color:var(--text);font-weight:600}.landing .section-sub{color:var(--muted);max-width:580px;margin:0 auto;font-size:18px;line-height:1.55}.landing .how{padding:100px 0;position:relative}.landing .steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing .step{border:1px solid var(--rule);background:#fff;border-radius:18px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.landing .step:hover{border-color:var(--ink-3);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.landing .step-num{color:var(--accent);letter-spacing:.06em;align-items:center;gap:10px;margin-bottom:24px;font-family:Bricolage Grotesque,sans-serif;font-size:13px;font-weight:700;display:flex}.landing .step-num:before{content:"";background:var(--accent);width:28px;height:1px;display:block}.landing .step-illust{background:var(--paper-2);border:1px solid var(--rule);border-radius:12px;justify-content:center;align-items:center;height:120px;margin-bottom:24px;display:flex;position:relative;overflow:hidden}.landing .step-illust svg{width:100%;height:100%}.landing .step h3{letter-spacing:-.02em;margin-bottom:10px;font-family:Bricolage Grotesque,sans-serif;font-size:24px;font-weight:600}.landing .step p{color:var(--muted);font-size:15.5px;line-height:1.55}.landing .step-optional{border-top:1px dashed var(--rule);color:var(--muted-2);margin-top:16px;padding-top:16px;font-size:14px}.landing .step-optional strong{color:var(--ink-3);font-weight:600}.landing .features{background:var(--surface);padding:100px 0;position:relative}.landing .trust-pillars{gap:var(--space-8);margin-top:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.landing .pillar{text-align:center;padding:var(--space-6)}.landing .pillar-icon{justify-content:center;align-items:center;gap:var(--space-2);width:64px;height:64px;font-size:var(--text-3xl);color:var(--brand-600);margin:0 auto 16px;display:flex}.landing .pillar-icon svg{color:var(--brand-600)}.landing .pillar h3{font-family:var(--font-ui);font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--text);font-weight:600}.landing .pillar p{font-size:var(--text-base);color:var(--text-2);line-height:1.6}.landing .feature-xero:hover{border-color:#13b5ea66;box-shadow:0 8px 24px #13b5ea33}.landing .feature-icon-xero{background:#13b5ea26;border-color:#13b5ea4d}.landing .feature-xero:hover .feature-icon-xero{background:#13b5ea40;border-color:#13b5ea;transform:rotate(-5deg)scale(1.15)}.landing .feature-badge{letter-spacing:.05em;color:#13b5ea;text-transform:uppercase;background:#13b5ea26;border:1px solid #13b5ea4d;border-radius:20px;margin-top:10px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-block}.landing .pricing{background:var(--surface);padding:100px 0}.landing .pricing-cards{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}.landing .pricing-card{border:1px solid var(--rule);background:#fff;border-radius:20px;flex-direction:column;padding:36px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.landing .pricing-card:hover{border-color:var(--ink-3);box-shadow:var(--shadow-lg);transform:translateY(-6px)}.landing .pricing-card.featured{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:var(--shadow-lg)}.landing .pricing-card.featured:hover{box-shadow:0 25px 60px -15px #0a0e1a4d, 0 0 0 1px var(--accent);transform:translateY(-8px)}.landing .tier-name{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:12px}.landing .pricing-card.featured .tier-name{color:var(--accent-2)}.landing .tier-headline{letter-spacing:-.02em;margin-bottom:20px;font-family:Bricolage Grotesque,sans-serif;font-size:28px;font-weight:600}.landing .tier-price{align-items:baseline;gap:6px;margin-bottom:6px;display:flex}.landing .tier-price .currency{color:var(--muted);font-family:Bricolage Grotesque,sans-serif;font-size:28px;font-weight:500}.landing .pricing-card.featured .tier-price .currency{color:var(--muted-2)}.landing .tier-price .amount{letter-spacing:-.04em;font-family:Bricolage Grotesque,sans-serif;font-size:60px;font-weight:600;line-height:1}.landing .tier-meta{color:var(--muted);margin-bottom:24px;font-size:14px}.landing .pricing-card.featured .tier-meta{color:var(--muted-2)}.landing .tier-rate{background:var(--paper-2);border:1px solid var(--ink-3);color:var(--ink-3);border:1px solid var(--rule);border-radius:6px;align-self:flex-start;margin-bottom:28px;padding:4px 11px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;display:inline-block}.landing .pricing-card.featured .tier-rate{color:var(--accent-2);background:#ffb80026;border-color:#ffb8004d}.landing .tier-list{flex-grow:1;margin-bottom:32px;list-style:none}.landing .tier-list li{color:var(--ink-3);align-items:flex-start;gap:12px;padding:8px 0;font-size:14.5px;display:flex}.landing .pricing-card.featured .tier-list li{color:var(--paper-3)}.landing .tier-list li:before{content:"";background:var(--success);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4,8.5 7,11 12,5'/%3E%3C/svg%3E");background-size:100% 100%;border-radius:50%;flex-shrink:0;width:16px;height:16px;margin-top:3px}.landing .popular-badge{background:var(--accent);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;position:absolute;top:-1px;right:24px}.landing .pricing-card .btn{justify-content:center;width:100%}.landing .pricing-card.featured .btn-primary{background:var(--accent);color:#fff}.landing .pricing-card.featured .btn-primary:hover{background:#f25a26}.landing .pricing-card{border:1px solid var(--border);border-radius:var(--radius-lg);max-width:600px;padding:var(--space-10);text-align:center;background:#fff;margin:0 auto 48px}.landing .pricing-headline{font-family:var(--font-display);font-size:var(--text-5xl);color:var(--text);margin-bottom:var(--space-6);letter-spacing:-.02em;font-weight:600}.landing .pricing-bullets{margin:0 0 var(--space-6);text-align:left;max-width:420px;margin-left:auto;margin-right:auto;padding:0;list-style:none}.landing .pricing-bullets li{font-size:var(--text-lg);line-height:var(--line-lg);color:var(--text);padding:var(--space-3) 0;padding-left:var(--space-6);position:relative}.landing .pricing-bullets li:before{content:"✓";color:var(--text-2);font-weight:600;position:absolute;left:0}.landing .pricing-anchor{font-size:var(--text-lg);color:var(--text-2);margin-bottom:var(--space-6);font-style:italic}.landing .pricing-card .btn{margin:0 auto}.landing .pricing-cta{text-align:center;margin-top:48px}.landing .pricing-cta .btn-lg{padding:16px 40px;font-size:17px}.landing .pricing-cta-note{color:var(--muted);margin-top:12px;font-size:14px}.landing .cta-section{background:var(--paper-2);padding:100px 0;position:relative;overflow:hidden}.landing .cta-box{border:1px solid var(--rule);text-align:center;box-shadow:var(--shadow-md);background:#fff;border-radius:24px;padding:72px 48px;position:relative;overflow:hidden}.landing .cta-box:before{content:"";background:radial-gradient(circle, var(--accent-soft) 0%, transparent 60%);pointer-events:none;width:600px;height:600px;position:absolute;top:-50%;right:-10%}.landing .cta-box h2{letter-spacing:-.03em;margin-bottom:16px;font-family:Bricolage Grotesque,sans-serif;font-size:clamp(32px,4.5vw,48px);font-weight:600;line-height:1.05;position:relative}.landing .cta-box p{color:var(--muted);margin:0 auto 32px;font-size:18px;position:relative}.landing .cta-box .btn{position:relative}.landing footer{background:var(--ink);color:var(--paper-3);padding:80px 0 32px}.landing .footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px;display:grid}.landing .footer-brand .logo{color:var(--paper);margin-bottom:16px}.landing .footer-brand .logo-mark:before{color:var(--accent-2)}.landing .footer-brand p{color:var(--muted-2);max-width:320px;font-size:15px;line-height:1.6}.landing .footer-section h4{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:500}.landing .footer-section ul{list-style:none}.landing .footer-section ul li{margin-bottom:12px}.landing .footer-section ul li a{color:var(--paper-3);font-size:15px;text-decoration:none;transition:color .2s}.landing .footer-section ul li a:hover{color:var(--accent-2)}.landing .footer-bottom{border-top:1px solid var(--ink-3);color:var(--muted-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:32px;font-size:14px;display:flex}.landing .footer-bottom .made{font-family:JetBrains Mono,monospace}@media (width<=960px){.landing .hero-inner{grid-template-columns:1fr;gap:40px}.landing .hero-visual{width:100%;max-width:480px;height:460px;margin:0 auto}.landing .steps,.landing .feature-grid,.landing .pricing-cards{grid-template-columns:1fr}.landing .feature-grid{gap:1px}.landing .footer-content{grid-template-columns:1fr 1fr;gap:32px}.landing .footer-brand{grid-column:1/-1}.landing .nav-links{display:none}.landing .container{padding:0 20px}.landing .hero{padding:56px 0 40px}.landing .how,.landing .features,.landing .pricing,.landing .cta-section{padding:72px 0}.landing .cta-box{padding:48px 24px}.landing .logos-row{justify-content:center;gap:20px 32px}.landing .pricing-card{padding:32px 26px}.landing .mock-email{width:270px}.landing .mock-sheet{width:320px}}.landing .referral-promo{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:linear-gradient(135deg,#fff1e8 0%,#fef9f5 50%,#fff1e8 100%);padding:120px 0}.landing .referral-promo-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.landing .referral-promo-description{color:var(--muted);margin-bottom:40px;font-size:18px;line-height:1.7}.landing .referral-promo-description strong{color:var(--ink);font-weight:600}.landing .referral-highlights{flex-direction:column;gap:24px;margin-bottom:40px;display:flex}.landing .referral-highlight-item{align-items:flex-start;gap:16px;display:flex}.landing .referral-highlight-icon{border:1px solid var(--rule);background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.landing .referral-highlight-item h4{color:var(--ink);margin-bottom:4px;font-size:18px;font-weight:700}.landing .referral-highlight-item p{color:var(--muted);font-size:15px;line-height:1.5}.landing .referral-promo-cta{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.landing .referral-promo-note{color:var(--muted);font-size:14px}.landing .referral-promo-visual{border:1px solid var(--rule);box-shadow:var(--shadow-md);background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:40px;display:flex}.landing .referral-tier-card{background:linear-gradient(135deg, var(--accent) 0%, #ff8558 100%);text-align:center;color:#fff;width:100%;box-shadow:var(--shadow-sm);border-radius:12px;padding:24px}.landing .referral-tier-label{text-transform:uppercase;letter-spacing:.5px;opacity:.9;margin-bottom:8px;font-size:13px;font-weight:500}.landing .referral-tier-percent{letter-spacing:-2px;margin-bottom:8px;font-size:48px;font-weight:900}.landing .referral-tier-example{opacity:.9;font-size:14px}.landing .referral-tier-arrow{color:var(--accent);font-size:24px;font-weight:700}.landing .referral-tier-more{border-top:1px solid var(--rule);text-align:center;width:100%;padding-top:16px}.landing .referral-tier-more span{color:var(--muted);font-size:14px;font-style:italic}@media (width<=520px){.landing .hero h1{font-size:44px}.landing .section-title{font-size:32px}.landing .footer-content{grid-template-columns:1fr}.landing .footer-bottom{flex-direction:column}.landing .hero-visual{height:420px}.landing .mock-email{width:240px;padding:14px}.landing .mock-sheet{width:280px}.landing .nav-cta .btn-ghost{display:none}.landing .referral-promo-inner{grid-template-columns:1fr;gap:48px}.landing .referral-promo-visual{padding:24px}.landing .referral-tier-percent{font-size:36px}}.landing .inline-faq{padding:var(--space-20) 0;background:var(--surface)}.landing .faq-grid{gap:var(--space-4);max-width:800px;margin:0 auto var(--space-8);display:grid}.landing .faq-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);cursor:pointer;transition:all .2s}.landing .faq-item:hover{border-color:var(--brand-600)}.landing .faq-item[open]{background:var(--bg)}.landing .faq-item summary{font-family:var(--font-ui);font-size:var(--text-lg);color:var(--text);cursor:pointer;font-weight:600;list-style:none}.landing .faq-item summary::-webkit-details-marker{display:none}.landing .faq-item p{margin-top:var(--space-4);font-size:var(--text-base);color:var(--text-2);line-height:1.6}.landing .faq-link-wrapper{text-align:center}.landing .faq-link{color:var(--brand-600);font-size:var(--text-base);font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.landing .faq-link:hover{color:var(--brand-700)}.xero-widget{background:var(--bg);border:1px solid var(--border);padding:var(--space-6);border-radius:12px}.xero-widget.loading,.xero-widget.error{text-align:center;padding:var(--space-8)}.xero-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.xero-icon{background:var(--surface);border-radius:var(--radius);width:40px;height:40px;color:var(--text-2);justify-content:center;align-items:center;display:flex}.xero-widget h3{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin:0;font-weight:600}.xero-description{color:#666;margin-bottom:16px;font-size:14px;line-height:1.5}.xero-details{background:#f8f9fa;border-radius:6px;margin-bottom:16px;padding:16px}.xero-org{color:#333;margin-bottom:8px;font-size:14px}.xero-org strong{font-weight:600}.xero-expiry{color:#666;font-size:13px}.xero-info{background:#f0f9ff;border-left:3px solid #13b5ea;border-radius:4px;margin-bottom:16px;padding:12px}.xero-instructions{color:#333;margin:0;font-size:13px;line-height:1.5}.xero-actions{flex-wrap:wrap;gap:12px;display:flex}.btn-connect-xero{color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-size:var(--text-sm);cursor:pointer;text-align:center;background:#13b5ea;border:none;width:100%;font-weight:600;transition:background .2s}.btn-connect-xero:hover{background:#0e8fbd}.btn-xero-dashboard{color:#fff;padding:var(--space-2) var(--space-5);border-radius:var(--radius);font-size:var(--text-sm);cursor:pointer;background:#13b5ea;border:none;flex:1;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.btn-xero-dashboard:hover{color:#fff;background:#0e8fbd}.btn-disconnect{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.btn-disconnect:hover{color:#333;background:#f8f9fa;border-color:#999}.btn-retry{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;margin-top:12px;padding:10px 20px;font-size:14px}.xero-widget.error .xero-icon{font-size:48px}.xero-widget.disconnected{border:2px dashed var(--border);background:var(--bg)}.whatsapp-widget{background:var(--bg);border:1px solid var(--border);padding:var(--space-6);border-radius:12px}.whatsapp-widget.loading,.whatsapp-widget.error{text-align:center;padding:var(--space-8)}.whatsapp-icon{background:var(--surface);border-radius:var(--radius);width:40px;height:40px;color:var(--text-2);justify-content:center;align-items:center;display:flex}.whatsapp-widget h3{font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin:0;font-weight:600}.whatsapp-phone{color:#666;font-size:14px;font-family:var(--font-mono);margin:0}.whatsapp-status-text{color:#888;margin:0;font-size:13px}.whatsapp-description{color:#666;margin-bottom:16px;font-size:14px;line-height:1.5}.whatsapp-details{background:#f8f9fa;border-radius:6px;margin-bottom:16px;padding:16px}.whatsapp-details strong{color:#333;font-weight:600}.btn-connect-whatsapp,.whatsapp-widget .btn-primary{color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-size:var(--text-sm);cursor:pointer;text-align:center;background:#25d366;border:none;justify-content:center;align-items:center;gap:8px;width:100%;font-weight:600;transition:background .2s;display:flex}.btn-connect-whatsapp:hover,.whatsapp-widget .btn-primary:hover{background:#1ebe57}.whatsapp-widget.connected .btn-connected{color:#fff;padding:var(--space-2) var(--space-5);border-radius:var(--radius);font-size:var(--text-sm);cursor:pointer;background:#25d366;border:none;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.whatsapp-widget.connected .btn-connected:hover{background:#1ebe57}.whatsapp-actions{flex-wrap:wrap;gap:12px;display:flex}.btn-secondary{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.btn-secondary:hover{background:#f5f5f5;border-color:#bbb}.btn-retry{background:var(--surface);border:1px solid var(--border);padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);color:var(--text);cursor:pointer;transition:all .2s}.btn-retry:hover{background:var(--surface-hover)}.credit-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text);cursor:pointer;transition:all .2s;display:inline-flex}.credit-chip:hover{background:var(--surface-2);border-color:var(--brand-600)}.credit-chip--warning{border-color:var(--warning);color:var(--warning);background:#d977061a}.credit-chip--warning:hover{border-color:var(--warning);background:#d9770626}.credit-chip--danger{border-color:var(--danger);color:var(--danger);background:#dc26261a}.credit-chip--danger:hover{border-color:var(--danger);background:#dc262626}.credit-chip__text{font-family:var(--font-ui);font-weight:500}.credit-chip__amount{font-family:var(--font-mono);color:var(--text-2);font-weight:500}.credit-chip--warning .credit-chip__amount,.credit-chip--danger .credit-chip__amount{color:inherit}@media (width<=640px){.credit-chip__amount{display:none}}.topup-container{max-width:900px;padding:var(--space-10) var(--space-6);background:var(--surface-page);margin:0 auto}.topup-header{text-align:center;margin-bottom:var(--space-12)}.back-btn{background:var(--surface-card);border:1px solid var(--border-default);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:var(--space-6);transition:all var(--duration-base) var(--ease-out);align-items:center;gap:var(--space-2);display:inline-flex}.back-btn:hover{background:var(--surface-hover);transform:translate(-2px)}.topup-header h1{font-size:var(--text-3xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3) 0;color:var(--text-primary)}.topup-header p{color:var(--text-secondary);font-size:var(--text-md);margin:0}.current-balance-banner{align-items:center;gap:var(--space-3);color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);margin-top:var(--space-6);font-size:var(--text-md);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:inline-flex;box-shadow:0 4px 12px #667eea4d}.current-balance-banner svg{flex-shrink:0}.current-balance-banner strong{font-weight:var(--weight-bold);font-size:var(--text-lg)}.topup-error{background:var(--rz-error-bg);border:1px solid var(--rz-error-border);color:var(--rz-error-strong);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-8);text-align:center;font-size:var(--text-sm);font-weight:var(--weight-medium)}.topup-error-inline{background:var(--rz-error-bg);border:1px solid var(--rz-error-border);color:var(--rz-error-strong);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:center}.legal-waiver{background:var(--rz-warning-bg);border:2px solid var(--rz-warning-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-8)}.waiver-checkbox{align-items:flex-start;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-primary);display:flex}.waiver-checkbox input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--rz-orange-500);flex-shrink:0;margin-top:2px}.waiver-checkbox span{color:var(--text-primary)}.waiver-checkbox span a{color:var(--rz-orange-600);font-weight:var(--weight-semi);transition:color var(--duration-base) var(--ease-out);text-decoration:none}.waiver-checkbox span a:hover{color:var(--rz-orange-700);text-decoration:underline}.plans-grid{gap:var(--space-6);margin-bottom:var(--space-12);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.plan-card{background:var(--surface-card);border:2px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);text-align:center;transition:all var(--duration-base) var(--ease-out);box-shadow:var(--shadow-sm);position:relative}.plan-card:hover{box-shadow:var(--shadow-lg);border-color:var(--rz-orange-300);transform:translateY(-4px)}.plan-card.popular{border-color:var(--rz-orange-500);box-shadow:var(--shadow-orange);border-width:2px}.popular-badge{background:linear-gradient(135deg, var(--rz-orange-500), var(--rz-orange-600));color:#fff;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);box-shadow:var(--shadow-orange);position:absolute;top:-14px;left:50%;transform:translate(-50%)}.plan-amount{font-size:var(--text-4xl);font-weight:var(--weight-black);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2);line-height:1}.plan-credits{font-size:var(--text-xl);font-weight:var(--weight-semi);color:var(--rz-orange-600);margin-bottom:var(--space-2)}.plan-rate{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}.plan-btn{background:var(--rz-orange-500);color:#fff;width:100%;padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semi);cursor:pointer;transition:all var(--duration-base) var(--ease-out);box-shadow:var(--shadow-orange), var(--shadow-button-inset);border:none}.plan-btn:hover:not(:disabled){background:var(--rz-orange-600);box-shadow:var(--shadow-orange-lg), var(--shadow-button-inset);transform:translateY(-1px)}.plan-btn:active:not(:disabled){transform:translateY(0)}.plan-btn:disabled{background:var(--rz-ink-200);cursor:not-allowed;opacity:.5;box-shadow:none}.custom-topup{background:var(--surface-card);border:2px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-12);text-align:center;box-shadow:var(--shadow-sm)}.custom-topup h3{margin:0 0 var(--space-2) 0;color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.custom-subtitle{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-8) 0}.custom-input-group{max-width:400px;margin:0 auto}.custom-input-wrapper{margin-bottom:var(--space-4);position:relative}.currency-symbol{font-size:var(--text-xl);color:var(--text-muted);font-weight:var(--weight-semi);pointer-events:none;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.custom-input{width:100%;padding:var(--space-4) var(--space-5) var(--space-4) 56px;border:2px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-2xl);font-weight:var(--weight-semi);text-align:center;transition:all var(--duration-base) var(--ease-out);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-body)}.custom-input:focus{border-color:var(--rz-orange-500);outline:none;box-shadow:0 0 0 3px #ff6b351a}.custom-input:disabled{background:var(--surface-card-alt);cursor:not-allowed;opacity:.6}.custom-input::placeholder{color:var(--rz-ink-200)}.custom-credits-display{color:var(--rz-orange-600);font-size:var(--text-md);padding:var(--space-3) var(--space-4);background:var(--rz-orange-50);border:1px solid var(--rz-orange-200);border-radius:var(--radius-md);margin-bottom:var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);display:flex}.custom-credits-display strong{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--rz-orange-700)}.custom-rate{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1);display:block}.custom-btn{background:var(--brand-600);color:#fff;width:100%;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-semi);cursor:pointer;transition:all var(--duration-base) var(--ease-out);margin-top:var(--space-4);border:none;box-shadow:0 1px 2px #4f46e51a}.custom-btn:hover:not(:disabled){background:var(--brand-700);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e540}.custom-btn:active:not(:disabled){transform:translateY(0)}.custom-btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;background:#e5e7eb}.topup-info{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.topup-info h3{margin:0 0 var(--space-6) 0;color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--weight-bold)}.topup-info ul{margin:0;padding:0;list-style:none}.topup-info li{padding:var(--space-3) 0;color:var(--text-secondary);font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-3);display:flex}.topup-info li:last-child{border-bottom:none}.topup-info li:before{content:"✓";color:var(--rz-success-strong);font-weight:var(--weight-bold);font-size:var(--text-md);border-radius:var(--radius-full);background:var(--rz-success-bg);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.topup-header,.plan-card{animation:slideIn .4s var(--ease-out) backwards}.plan-card:first-child{animation-delay:.1s}.plan-card:nth-child(2){animation-delay:.16s}.plan-card:nth-child(3){animation-delay:.22s}.custom-topup{animation:slideIn .4s var(--ease-out) .28s backwards}.topup-info{animation:slideIn .4s var(--ease-out) .34s backwards}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=640px){.topup-container{padding:var(--space-8) var(--space-4)}.topup-header h1{font-size:var(--text-2xl)}.plans-grid{grid-template-columns:1fr}.plan-amount{font-size:var(--text-3xl)}.custom-input{font-size:var(--text-xl)}}.success-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.success-card{text-align:center;background:#fff;border-radius:12px;max-width:500px;padding:60px 40px;box-shadow:0 10px 40px #0003}.success-icon{color:#fff;background:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 30px;font-size:48px;display:flex}.success-card h1{color:#333;margin:0 0 16px;font-size:32px}.success-card p{color:#666;margin:0 0 12px;font-size:16px}.success-note{color:#999;font-size:14px;margin-bottom:30px!important}.success-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:background .2s}.success-btn:hover{background:#5568d3}.faq-page{min-height:100vh;padding:var(--space-16) var(--space-6);background:var(--bg)}.faq-page .container{max-width:800px;margin:0 auto}.faq-page .back-link{margin-bottom:var(--space-8);color:var(--text-2);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;transition:color .2s;display:inline-block}.faq-page .back-link:hover{color:var(--brand-600)}.faq-header{text-align:center;margin-bottom:var(--space-16)}.faq-header h1{font-family:var(--font-display);font-size:var(--text-4xl);margin-bottom:var(--space-3);color:var(--text);font-weight:600}.faq-header p{font-size:var(--text-lg);color:var(--text-2)}.faq-list{gap:var(--space-4);margin-bottom:var(--space-16);flex-direction:column;display:flex}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);cursor:pointer;transition:all .2s}.faq-item:hover{border-color:var(--brand-600)}.faq-item[open]{background:var(--bg)}.faq-item summary{font-family:var(--font-ui);font-size:var(--text-lg);color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:var(--text-2xl);color:var(--brand-600);transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item p{margin-top:var(--space-4);font-size:var(--text-base);color:var(--text-2);line-height:1.6}.faq-footer{text-align:center;padding:var(--space-12) 0;border-top:1px solid var(--border)}.faq-footer p{font-size:var(--text-lg);color:var(--text);margin-bottom:var(--space-4)}@media (width<=640px){.faq-page{padding:var(--space-12) var(--space-4)}.faq-header h1{font-size:var(--text-3xl)}.faq-item summary{font-size:var(--text-base)}}.editable-category{align-items:center;gap:8px;display:inline-flex}.category-display{background:var(--gray-100);color:var(--gray-700);border-radius:4px;padding:4px 12px;font-size:14px;font-weight:500}.category-edit-btn{cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px;font-size:16px;transition:opacity .2s}.category-edit-btn:hover{opacity:1}.category-xero-badge{color:#fff;background:linear-gradient(135deg,#13b5ea 0%,#0e8fc4 100%);border-radius:3px;padding:2px 6px;font-size:11px;font-weight:600}.editable-category.editing{flex-direction:column;align-items:flex-start;gap:8px}.category-editor{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.category-select,.category-input{border:1px solid var(--gray-300);background:#fff;border-radius:4px;padding:6px 12px;font-family:inherit;font-size:14px}.category-select:focus,.category-input:focus{border-color:var(--primary);outline:none}.category-input{min-width:200px}.category-actions{gap:4px;display:flex}.category-save-btn,.category-cancel-btn{cursor:pointer;border:none;border-radius:4px;padding:6px 12px;font-size:14px;font-weight:600;transition:all .2s}.category-save-btn{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%)}.category-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #16a34a4d}.category-save-btn:disabled{opacity:.5;cursor:not-allowed}.category-cancel-btn{background:var(--gray-200);color:var(--gray-700)}.category-cancel-btn:hover:not(:disabled){background:var(--gray-300)}.category-error{color:var(--error);background:var(--error-bg);border-radius:4px;padding:4px 8px;font-size:13px}.category-xero-note{color:var(--gray-600);font-size:12px;font-style:italic}.admin-chat-button{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:28px;transition:all .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #ff6b3566}.admin-chat-button:hover{transform:scale(1.05);box-shadow:0 6px 24px #ff6b3580}.admin-chat-window{z-index:999;background:#fff;border-radius:16px;flex-direction:column;width:380px;height:500px;display:flex;position:fixed;bottom:100px;right:24px;overflow:hidden;box-shadow:0 8px 32px #00000026}.admin-chat-header{color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-bottom:2px solid #ff6b35;padding:20px}.chat-title{align-items:center;gap:8px;margin-bottom:4px;font-size:18px;font-weight:700;display:flex}.chat-title:before{content:"🤖";font-size:20px}.chat-subtitle{opacity:.85;color:#94a3b8;font-size:13px}.admin-chat-messages{background:#f8fafc;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-message{flex-direction:column;max-width:85%;display:flex}.chat-message.user{align-self:flex-end}.chat-message.assistant{align-self:flex-start}.message-content{white-space:pre-wrap;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5}.chat-message.user .message-content{color:#fff;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);border-bottom-right-radius:4px}.chat-message.assistant .message-content{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.message-content.typing{animation:1.5s ease-in-out infinite pulse}.admin-chat-input{background:#fff;border-top:1px solid #e2e8f0;gap:8px;padding:16px;display:flex}.admin-chat-input input{border:2px solid #e2e8f0;border-radius:8px;flex:1;padding:10px 14px;font-family:inherit;font-size:14px}.admin-chat-input input:focus{border-color:#ff6b35;outline:none}.admin-chat-input button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.admin-chat-input button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.admin-chat-input button:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.admin-chat-window{width:calc(100vw - 48px);height:60vh;right:24px}}:root{--sidebar-width:240px}.admin-layout{background:var(--surface-page);min-height:100vh;display:flex}.admin-sidebar{width:var(--sidebar-width);background:linear-gradient(180deg, var(--rz-ink-800) 0%, var(--rz-ink-900) 100%);z-index:100;border-right:1px solid #4f46e51a;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.admin-logo{padding:var(--space-6);align-items:center;gap:var(--space-3);border-bottom:1px solid #ffffff14;display:flex}.logo-icon{color:var(--brand-600)}.logo-text{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--rz-cream-50);letter-spacing:var(--tracking-tight)}.admin-nav{padding:var(--space-4) var(--space-3);flex:1;overflow-y:auto}.nav-section{margin-bottom:var(--space-6)}.nav-section-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--rz-ink-300);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-2)}.nav-section-title:before{content:"// ";opacity:.5}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--rz-ink-200);border-radius:var(--radius-md);margin-bottom:var(--space-1);transition:all var(--duration-base) var(--ease-out);font-size:var(--text-sm);font-weight:var(--weight-medium);text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--rz-cream-50);background:#ffffff14;transform:translate(2px)}.nav-item.active{color:var(--rz-cream-50);font-weight:var(--weight-semi);border-left:3px solid var(--brand-600);padding-left:calc(var(--space-4) - 3px);background:#4f46e526}.nav-icon{flex-shrink:0;font-size:18px}.nav-badge{background:var(--rz-error);color:#fff;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-align:center;min-width:20px;margin-left:auto}.nav-divider{height:1px;margin:var(--space-4) var(--space-4);background:#ffffff14}.admin-user{padding:var(--space-4);gap:var(--space-3);border-top:1px solid #ffffff14;flex-direction:column;display:flex}.user-info{color:var(--rz-cream-50);font-size:var(--text-sm);font-weight:var(--weight-medium)}.user-name{font-size:var(--text-sm);font-weight:var(--weight-semi);color:var(--rz-cream-50);margin-bottom:var(--space-1);word-break:break-all}.user-role{font-size:var(--text-xs);color:var(--rz-ink-300);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.logout-btn-small{padding:var(--space-2) var(--space-4);color:var(--rz-cream-50);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--duration-base) var(--ease-out);text-align:center;background:#ffffff14;border:1px solid #ffffff1f}.logout-btn-small:hover{background:#ffffff1f;border-color:#fff3}.admin-badge{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff;padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.logout-link{color:var(--rz-ink-300);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease-out);text-align:center;border:1px solid #ffffff1a;text-decoration:none}.logout-link:hover{color:var(--rz-cream-50);background:#ffffff14;border-color:#ffffff29}.admin-main{margin-left:var(--sidebar-width);padding:var(--space-10) var(--space-8);flex:1;width:100%}.admin-header{margin-bottom:var(--space-12);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}.admin-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--brand-700);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3);display:block}.admin-eyebrow:before{content:"// ";opacity:.7}.admin-title{font-size:var(--text-3xl);font-weight:var(--weight-black);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-2);line-height:var(--leading-tight)}.admin-title em{font-family:var(--font-display);font-style:italic;font-weight:var(--weight-regular);color:var(--text-secondary)}.admin-subtitle{font-size:var(--text-md);color:var(--text-secondary);margin:0}.stats-grid{gap:var(--space-6);margin-bottom:var(--space-10);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm);transition:all var(--duration-base) var(--ease-out);flex-direction:column;min-height:180px;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--brand-600), var(--rz-amber-500));opacity:0;height:3px;transition:opacity var(--duration-base) var(--ease-out);position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--brand-50), var(--rz-cream-200));width:48px;height:48px;margin-bottom:var(--space-5);flex-shrink:0;place-items:center;font-size:24px;display:grid}.stat-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3);line-height:1.2}.stat-value{font-size:var(--text-4xl);font-weight:var(--weight-black);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-3);flex-grow:1;align-items:center;line-height:1;display:flex}.stat-change{font-size:var(--text-sm);font-weight:var(--weight-medium);align-items:center;gap:var(--space-1);margin-top:auto;line-height:1.4;display:flex}.stat-change.positive{color:var(--rz-success-strong)}.stat-change.negative{color:var(--rz-error-strong)}.stat-change.neutral{color:var(--text-muted)}.charts-section{gap:var(--space-6);margin-bottom:var(--space-10);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=1024px){.charts-section{grid-template-columns:1fr}}.chart-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.chart-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.chart-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0}.chart-period{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium)}.revenue-bars{align-items:flex-end;gap:var(--space-3);height:240px;padding:var(--space-4) 0;display:flex}.revenue-bar{align-items:center;gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.revenue-bar-fill{background:linear-gradient(180deg, var(--brand-600), var(--brand-700));border-radius:var(--radius-sm) var(--radius-sm) 0 0;width:100%;transition:all var(--duration-base) var(--ease-out);min-height:4px;position:relative;box-shadow:0 2px 8px #4f46e533}.revenue-bar:hover .revenue-bar-fill{background:linear-gradient(180deg, var(--brand-700), var(--brand-600));transform:scaleY(1.02)}.revenue-bar-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--weight-medium);white-space:nowrap}.revenue-bar-value{font-size:var(--text-xs);font-weight:var(--weight-semi);color:var(--text-primary);white-space:nowrap;opacity:0;transition:opacity var(--duration-base) var(--ease-out);position:absolute;top:-24px;left:50%;transform:translate(-50%)}.revenue-bar:hover .revenue-bar-value{opacity:1}.user-growth-chart{height:240px;padding:var(--space-4);position:relative}.user-growth-svg{width:100%;height:100%}.growth-line{stroke:url(#userGrowthGradient);stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round}.growth-point{fill:var(--brand-600);stroke:#fff;stroke-width:2px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.growth-point:hover{r:6;fill:var(--brand-700)}.growth-grid-line{stroke:var(--chart-grid);stroke-width:1px;stroke-dasharray:4 4}.activity-section{margin-top:var(--space-12);margin-bottom:var(--space-10)}.section-header{margin-bottom:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0}.view-all-link{font-size:var(--text-sm);font-weight:var(--weight-semi);color:var(--brand-700);align-items:center;gap:var(--space-1);transition:all var(--duration-base) var(--ease-out);text-decoration:none;display:flex}.view-all-link:hover{color:var(--brand-700);gap:var(--space-2)}.activity-list{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.activity-item{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);transition:background var(--duration-base) var(--ease-out);display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--surface-hover)}.activity-icon{border-radius:var(--radius-md);background:var(--surface-card-alt);border:1px solid var(--border-subtle);flex-shrink:0;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.activity-icon.signup{background:linear-gradient(135deg, var(--rz-success-bg), #c8e6c9);border-color:var(--rz-success-border)}.activity-icon.topup{background:linear-gradient(135deg, var(--brand-50), var(--brand-50));border-color:var(--brand-50)}.activity-icon.receipt{background:linear-gradient(135deg, var(--rz-info-bg), #bbdefb);border-color:var(--rz-info-border)}.activity-icon.refund{background:linear-gradient(135deg, var(--rz-warning-bg), #ffecb3);border-color:var(--rz-warning-border)}.activity-content{flex:1;min-width:0}.activity-message{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);margin-bottom:2px}.activity-user{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.activity-time{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--weight-medium);white-space:nowrap;flex-shrink:0}.action-cards{gap:var(--space-6);margin-bottom:var(--space-10);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.action-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-base) var(--ease-out);box-shadow:var(--shadow-sm);gap:var(--space-4);flex-direction:column;text-decoration:none;display:flex}.action-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-50);transform:translateY(-2px)}.action-card-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--brand-50), var(--rz-cream-200));place-items:center;width:48px;height:48px;font-size:24px;display:grid}.action-card-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);margin:0}.action-card-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug);margin:0}.action-card-arrow{color:var(--brand-600);transition:transform var(--duration-base) var(--ease-out);margin-left:auto;font-size:20px}.action-card:hover .action-card-arrow{transform:translate(4px)}.filter-tabs{gap:var(--space-2);padding:var(--space-1);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:inline-flex}.filter-tabs button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-semi);color:var(--text-secondary);transition:all var(--duration-base) var(--ease-out);white-space:nowrap;background:0 0;border:none}.filter-tabs button:hover{background:var(--surface-hover);color:var(--text-primary)}.filter-tabs button.active{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff;box-shadow:0 2px 8px #4f46e540}.section{margin-top:var(--space-12);margin-bottom:var(--space-10)}.section-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.loading-container,.admin-loading{min-height:60vh;color:var(--text-muted);font-size:var(--text-lg);justify-content:center;align-items:center;display:flex}@media (width<=1024px){.admin-sidebar{width:200px}.logo-text{font-size:var(--text-sm)}.nav-item{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.admin-main{padding:var(--space-6) var(--space-4);margin-left:200px}}@media (width<=768px){.admin-sidebar{width:60px}.logo-text,.nav-item span:not(.nav-icon),.user-name,.user-role{display:none}.nav-item{padding:var(--space-3);justify-content:center}.nav-icon{margin:0}.admin-main{padding:var(--space-4) var(--space-2);margin-left:60px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stat-card,.chart-card,.activity-list,.action-card{animation:fadeInUp .4s var(--ease-out) backwards}.stat-card:first-child{animation-delay:0s}.stat-card:nth-child(2){animation-delay:60ms}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.18s}.stat-card:nth-child(5){animation-delay:.24s}.chart-card:first-child{animation-delay:.3s}.chart-card:nth-child(2){animation-delay:.36s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.whatsapp-container{max-width:600px;margin:0 auto}.whatsapp-loading{text-align:center;padding:var(--space-8);color:var(--text-muted);font-size:var(--text-sm)}.whatsapp-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.whatsapp-icon{color:var(--brand-600)}.whatsapp-header h3{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-primary);flex:1;margin:0}.whatsapp-status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semi);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.whatsapp-status-active{background:var(--rz-success-bg);color:var(--rz-success-strong);border:1px solid var(--rz-success-border)}.whatsapp-error{background:var(--rz-error-bg);border:1px solid var(--rz-error-border);color:var(--rz-error-strong);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.whatsapp-connected{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6)}.whatsapp-info{background:var(--surface-card-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6)}.whatsapp-info-row{padding:var(--space-2) 0;justify-content:space-between;align-items:center;display:flex}.whatsapp-info-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.whatsapp-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium)}.whatsapp-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--weight-semi)}.whatsapp-instructions{margin-bottom:var(--space-6)}.whatsapp-instructions h4{font-size:var(--text-md);font-weight:var(--weight-semi);color:var(--text-primary);margin:0 0 var(--space-3) 0}.whatsapp-business-number{align-items:center;gap:var(--space-2);background:var(--rz-success-bg);color:var(--rz-success-strong);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--weight-bold);font-family:var(--font-mono);border:1px solid var(--rz-success-border);margin-bottom:var(--space-3);display:inline-flex}.whatsapp-help-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.whatsapp-connect{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6)}.whatsapp-description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-6) 0;line-height:var(--leading-relaxed)}.whatsapp-benefits{background:var(--surface-card-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6)}.whatsapp-benefit{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-primary);display:flex}.whatsapp-benefit svg{color:var(--rz-success-strong);flex-shrink:0}.whatsapp-verification{margin-top:var(--space-6)}.whatsapp-step{gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.whatsapp-step:last-child{margin-bottom:0}.whatsapp-step-number{border-radius:var(--radius-full);background:var(--brand-600);color:#fff;width:32px;height:32px;font-weight:var(--weight-bold);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.whatsapp-step-content{flex:1}.whatsapp-step-content h4{font-size:var(--text-md);font-weight:var(--weight-semi);color:var(--text-primary);margin:0 0 var(--space-2) 0}.whatsapp-code-box{align-items:center;gap:var(--space-3);background:var(--surface-card-alt);border:2px solid var(--brand-600);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex}.whatsapp-code{font-size:var(--text-2xl);font-weight:var(--weight-bold);font-family:var(--font-mono);color:var(--brand-600);letter-spacing:var(--tracking-wide);flex:1}.whatsapp-copy-btn{background:var(--brand-600);color:#fff;padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--ease-out);border:none;justify-content:center;align-items:center;display:flex}.whatsapp-copy-btn:hover{background:var(--brand-700)}.whatsapp-copy-btn:active{transform:scale(.95)}.whatsapp-actions{gap:var(--space-3);margin-top:var(--space-6);display:flex}.whatsapp-actions button{flex:1}@media (width<=640px){.whatsapp-code{font-size:var(--text-xl)}.whatsapp-actions{flex-direction:column}.whatsapp-actions button{width:100%}}.profile-container{max-width:900px;margin:0 auto;padding:40px 20px}.profile-header{margin-bottom:32px}.back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;margin-bottom:16px;padding:8px 0;font-size:15px;font-weight:500;transition:color .2s}.back-btn:hover{color:#ff6b35}.profile-header h1{color:#0f172a;margin:0 0 8px;font-size:32px;font-weight:700}.profile-subtitle{color:#64748b;margin:0;font-size:16px}.profile-content{flex-direction:column;gap:24px;display:flex}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:32px;box-shadow:0 1px 3px #00000014}.info-card h2{color:#0f172a;margin:0 0 24px;font-size:20px;font-weight:700}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.info-item{flex-direction:column;gap:6px;display:flex}.info-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:500}.info-value{color:#0f172a;font-size:16px;font-weight:600}.badge{border-radius:16px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.badge.admin{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.badge.user{color:#4f46e5;background:#e0e7ff}.settings-tabs{border-bottom:2px solid #e2e8f0;gap:8px;display:flex}.tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.tab:hover{color:#0f172a}.tab.active{color:#ff6b35;border-bottom-color:#ff6b35}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:32px;box-shadow:0 1px 3px #00000014}.settings-card h3{color:#0f172a;margin:0 0 8px;font-size:20px;font-weight:700}.settings-desc{color:#64748b;margin:0 0 24px;font-size:15px}.alert{border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500}.alert.error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.alert.success{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.form-group{margin-bottom:20px}.form-group label{color:#0f172a;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .2s}.form-group input:focus{border-color:#ff6b35;outline:none;box-shadow:0 0 0 3px #ff6b351a}.form-group input:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.form-group input.disabled-input{background:#f8fafc;border-color:#e2e8f0}.form-group small{color:#64748b;margin-top:6px;font-size:13px;display:block}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);border:none;border-radius:8px;margin-top:8px;padding:12px 32px;font-size:15px;font-weight:600;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.info-grid{grid-template-columns:1fr}.settings-card{padding:24px}}.stats-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:all .2s}.stat-box.success{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#10b981}.stat-box.success .stat-value{color:#065f46}.stat-box.pending{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#3b82f6}.stat-box.pending .stat-value{color:#1e40af}.stat-box.error{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-color:#ef4444}.stat-box.error .stat-value{color:#991b1b}.stat-label{color:#64748b;text-transform:capitalize;margin-bottom:8px;font-size:13px;font-weight:500}.stat-value{color:#0f172a;font-size:32px;font-weight:700}.filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;padding:16px;display:flex}.filter-group{flex-direction:column;gap:6px;min-width:200px;display:flex}.filter-group label{color:#475569;font-size:13px;font-weight:600}.filter-group select{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:6px;padding:10px 12px;font-size:14px;transition:all .2s}.filter-group select:focus{border-color:#ff6b35;outline:none}.events-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.events-list{flex-direction:column;display:flex}.event-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:16px;padding:20px;transition:background .2s;display:flex}.event-item:last-child{border-bottom:none}.event-item:hover{background:#f8fafc}.event-icon{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.event-item.status-success .event-icon{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.event-item.status-error .event-icon{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.event-item.status-pending .event-icon{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.event-item.status-warning .event-icon{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.event-content{flex:1;min-width:0}.event-message{color:#0f172a;margin-bottom:8px;font-size:15px;font-weight:600;line-height:1.4}.event-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.event-status-badge{text-transform:uppercase;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:600}.event-status-badge.status-success{color:#065f46;background:#d1fae5}.event-status-badge.status-error{color:#991b1b;background:#fee2e2}.event-status-badge.status-pending{color:#1e40af;background:#dbeafe}.event-status-badge.status-warning{color:#92400e;background:#fef3c7}.event-status-badge.status-default{color:#475569;background:#f1f5f9}.event-meta .event-time{color:#94a3b8;font-size:12px}.event-error{color:#dc2626;background:#fef2f2;border-left:3px solid #ef4444;border-radius:4px;margin-top:8px;padding:8px 10px;font-size:13px}.event-metadata{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.metadata-tag{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-family:Monaco,Courier New,monospace;font-size:11px;display:inline-block}.event-time{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:12px}.pagination{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px;display:flex}.page-info{color:#64748b;font-size:14px;font-weight:500}.btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;color:#94a3b8;padding:60px 20px}.empty-state p{margin:0}@media (width<=768px){.stats-row{grid-template-columns:1fr 1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.event-item{flex-direction:column;gap:12px}.event-time{align-self:flex-end}}
