@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap";:root{--bg: #f7f8fb;--bg-card: #ffffff;--bg-elevated: #f2f5f9;--bg-muted: #eef1f6;--border: #e5e8f0;--border-strong: #d5dae4;--border-subtle: #eef1f6;--green: #0f9d6b;--green-strong: #0b8a5d;--green-hover: #0a7d54;--green-dim: #e6f6ef;--green-ring: rgba(15, 157, 107, .16);--ink: #0b1220;--ink-soft: #16223a;--gold: #b7791f;--gold-dim: #fbf1d9;--silver: #64748b;--bronze: #b45309;--diamond: #0e7490;--starter: #0d9488;--premium: #7c3aed;--text: #0f172a;--text-secondary: #475569;--text-muted: #78839a;--danger: #dc2626;--danger-dim: #fdecec;--warn: #b45309;--warn-bg: #fef8ec;--warn-border: #f3d9a4;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--shadow-md: 0 2px 4px rgba(15, 23, 42, .04), 0 8px 20px rgba(15, 23, 42, .07);--shadow-lg: 0 4px 8px rgba(15, 23, 42, .04), 0 20px 44px rgba(15, 23, 42, .1);--shadow-brand: 0 8px 24px rgba(15, 157, 107, .28);--font-display: "Plus Jakarta Sans", -apple-system, system-ui, sans-serif;--font-body: "DM Sans", -apple-system, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html,body{overflow-x:hidden;max-width:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--ink);line-height:1.12;letter-spacing:-.02em;font-weight:800}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}img{max-width:100%}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccd3e0;border-radius:100px;border:4px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#b6bfd0}::selection{background:var(--green-dim)}.container{max-width:1160px;margin:0 auto;padding:0 24px}.container-narrow{max-width:760px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-sm{padding:40px 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--green-strong)}.section-title{font-size:clamp(28px,4vw,40px)}.section-sub{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-top:8px}.stack{display:flex;flex-direction:column}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:15px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,color .15s ease;border:1px solid transparent;white-space:nowrap}.btn-lg{padding:15px 30px;font-size:16px;border-radius:var(--radius)}.btn-sm{padding:8px 14px;font-size:13px}.btn-block{width:100%}.btn-primary{background:var(--green);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--green-hover);box-shadow:var(--shadow-brand);transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:var(--ink-soft);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:var(--bg-card);color:var(--ink);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.btn-outline:hover{border-color:var(--green);color:var(--green-strong);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:9px 14px}.btn-ghost:hover{color:var(--ink);background:var(--bg-elevated)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.card-hover{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.surface-dark{background:radial-gradient(120% 120% at 85% -10%,rgba(15,157,107,.3),transparent 55%),linear-gradient(160deg,#0e1626,#0b1220);color:#eef2f9}.input{width:100%;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:12px 15px;color:var(--text);font-size:15px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--green);box-shadow:0 0 0 4px var(--green-ring)}.input::placeholder{color:var(--text-muted)}.label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.04em}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:100px;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.01em}.badge-green{background:var(--green-dim);color:var(--green-strong)}.badge-gold{background:var(--gold-dim);color:var(--gold)}.badge-red{background:var(--danger-dim);color:var(--danger)}.badge-neutral{background:var(--bg-muted);color:var(--text-secondary)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;border:1px solid var(--border);background:var(--bg-card);font-size:13px;font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.icon-tile{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:var(--green-dim);color:var(--green-strong)}.amount{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.divider{height:1px;background:var(--border);border:0}.progress{height:8px;background:var(--bg-muted);border-radius:100px;overflow:hidden}.progress>span{display:block;height:100%;border-radius:100px;transition:width .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .35s ease forwards}@keyframes spin{to{transform:rotate(360deg)}}.tier-starter{color:var(--starter)}.tier-bronze{color:var(--bronze)}.tier-silver{color:var(--silver)}.tier-premium{color:var(--premium)}.tier-gold{color:var(--gold)}.tier-diamond{color:var(--diamond)}@media (max-width: 860px){.auth-panel{display:none!important}}.nav-hamburger{display:none}@media (max-width: 820px){.nav-center,.nav-desktop{display:none!important}.nav-hamburger{display:inline-flex!important}}.admin-mobile{display:none}@media (max-width: 760px){.admin-grid{grid-template-columns:1fr!important}.admin-sidebar{display:none!important}.admin-mobile{display:block!important}}@media (max-width: 640px){.section{padding:56px 0}.card{padding:14px}}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;padding:10px 12px;color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.tbl td{padding:12px;border-bottom:1px solid var(--border-subtle)}.tbl tr:last-child td{border-bottom:none}.tbl-wrap{overflow-x:auto}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0b122073;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}.modal{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;padding:24px}