:root{--text:#3f3d45;--text-h:#08060d;--bg:#fafafa;--card-bg:#fff;--border:#e5e4e7;--accent:#7c3aed;--accent-text:#fff;--error:#dc2626;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:16px/145% system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d1d0d4;--text-h:#f3f4f6;--bg:#121212;--card-bg:#1b1b1f;--border:#2e303a;--accent:#a78bfa;--accent-text:#121212;--error:#f87171}}*{box-sizing:border-box}body{margin:0}h1{color:var(--text-h);margin:0 0 4px;font-size:24px}.auth-page{justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.auth-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:32px;display:flex}.subtitle{opacity:.8;margin:0 0 8px;font-size:14px}label{flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}input{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:10px 12px;font-size:14px}button{background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600}button:disabled{opacity:.6;cursor:default}button.secondary{border:1px solid var(--border);color:var(--text);background:0 0}.switch{text-align:center;margin:0;font-size:14px}.error{color:var(--error);margin:0;font-size:14px}.error.centered,.centered{text-align:center;margin-top:48px}.dashboard{max-width:1080px;margin:0 auto;padding:40px 24px}.dashboard header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:20px}.card label{opacity:.8;margin-bottom:8px;font-size:13px}.commission-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.commission-row{align-items:baseline;gap:8px;display:flex}.commission-label{color:var(--text-h);font-weight:500}.commission-sub{opacity:.7;font-size:12px}.commission-amount{color:var(--text-h);margin-left:auto;font-weight:700}.referral-link-row{gap:8px;display:flex}.referral-link-row input{flex:1}.qr-row{align-items:center;gap:16px;margin-top:16px;display:flex}.qr-row img{border:1px solid var(--border);border-radius:8px}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.stat{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:20px;display:flex}.stat-value{color:var(--text-h);font-size:24px;font-weight:700}.stat-label{opacity:.8;font-size:13px}.dimension-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px;display:grid}.dimension-card{margin-bottom:0}.dimension-tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.dimension-tab{color:var(--text);opacity:.7;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 10px;font-weight:500}.dimension-tab.active{opacity:1;color:var(--text-h);border-bottom-color:var(--accent)}.dimension-empty{text-align:center;opacity:.6;margin:0;padding:32px 0;font-size:14px}.dimension-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.dimension-row{grid-template-columns:90px 1fr 36px;align-items:center;gap:10px;font-size:13px;display:grid}.dimension-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dimension-bar-track{background:var(--bg);border-radius:4px;height:8px;overflow:hidden}.dimension-bar{background:var(--accent);border-radius:4px;height:100%;display:block}.dimension-count{text-align:right;opacity:.8}.program-page{min-height:100svh}.program-banner{background:linear-gradient(90deg, var(--accent), #a855f7);height:120px}.program-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;max-width:920px;margin:-64px auto 48px;padding:40px}.program-header{border-bottom:1px solid var(--border);grid-template-columns:96px 1fr auto;align-items:start;gap:24px;margin-bottom:24px;padding-bottom:24px;display:grid}.program-logo{border:1px solid var(--border);background:var(--bg);border-radius:12px;width:96px;height:96px;padding:12px}.program-intro p{margin:8px 0 0}.program-cta{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.program-steps,.program-faq{margin-bottom:24px}.program-steps h2,.program-faq h2,.program-offer h2,.program-footer-cta h2{color:var(--text-h);margin:0 0 16px;font-size:18px}.program-step{text-align:center}.step-number{background:var(--accent);width:28px;height:28px;color:var(--accent-text);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-weight:700;display:inline-flex}.program-step h3{color:var(--text-h);margin:0 0 4px}.program-step p{opacity:.8;margin:0;font-size:14px}.program-offer{text-align:center}.program-faq h3{color:var(--text-h);margin:0 0 4px;font-size:15px}.program-faq p{opacity:.8;margin:0;font-size:14px}.program-footer-cta{text-align:center;border-top:1px solid var(--border);padding-top:16px}.program-footer-cta button{margin:8px 0}.signup-card{flex-direction:column;gap:32px;max-width:720px;display:flex}.signup-header{grid-template-columns:96px 1fr}.signup-field{gap:10px;font-size:15px;font-weight:600}.required{color:var(--error)}.program-page input{background:var(--card-bg);padding:12px 14px}.program-page button[type=submit],.program-page .program-cta button,.program-page .program-footer-cta button{color:#fff;background:#4b5563}
