:root{--ink:#161616;--muted:#686868;--line:#e9e7e2;--paper:#fff;--wash:#f7f6f3;--accent:#7c3aed;--accent2:#a78bfa;--ok:#177245;--warn:#9a6700;--danger:#b42318;--radius:22px}
*{box-sizing:border-box}html{min-height:100%;background:var(--wash);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% 0,#eee8ff 0,transparent 30rem),var(--wash)}button,input,select,textarea{font:inherit}.affiliate-topbar{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:900;letter-spacing:-.03em}.brand img{display:block;width:min(168px,44vw);height:auto;border-radius:0;object-fit:contain}.top-link{color:var(--ink);text-decoration:none;font-size:13px;font-weight:800}.affiliate-shell{width:min(1080px,100%);margin:0 auto;padding:28px 16px 64px}.narrow{width:min(620px,100%)}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero{padding:26px 2px 22px}.hero h1{max-width:760px;margin:0;font-size:clamp(36px,8vw,68px);line-height:.98;letter-spacing:-.065em}.hero p{max-width:660px;margin:18px 0 0;color:var(--muted);font-size:17px;line-height:1.55}.card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 42px rgba(32,24,56,.06);padding:20px}.card+.card{margin-top:14px}.card h2,.card h3{margin:0 0 6px;letter-spacing:-.035em}.subcopy{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.5}.grid{display:grid;gap:14px}.two{grid-template-columns:1fr}.field{display:grid;gap:7px}.field label{font-size:12px;font-weight:850;color:#3d3d3d}.field input,.field select,.field textarea{width:100%;border:1px solid #dcd9d2;border-radius:14px;background:#fff;color:var(--ink);padding:13px 14px;outline:none;transition:.15s}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent2);box-shadow:0 0 0 4px rgba(124,58,237,.1)}.check{display:flex;align-items:flex-start;gap:10px;margin:16px 0;color:#444;font-size:13px;line-height:1.45}.check input{margin-top:3px}.check a{color:inherit}.btn{width:100%;min-height:48px;border:0;border-radius:999px;padding:0 20px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:.16s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:wait;transform:none}.btn-dark{background:#171717;color:#fff}.btn-accent{background:linear-gradient(120deg,#6d28d9,#8b5cf6);color:#fff}.btn-light{background:#f0eef7;color:#26212f}.helper{min-height:20px;margin:12px 2px 0;color:var(--muted);font-size:13px;line-height:1.45}.helper.error{color:var(--danger)}.helper.success{color:var(--ok)}.switch-note{text-align:center;color:var(--muted);font-size:13px;margin:16px 0 0}.switch-note a{color:var(--ink);font-weight:850}.account-pill{display:flex;gap:12px;align-items:center;justify-content:space-between;background:#f3f0fb;border-radius:15px;padding:12px 14px;margin-bottom:16px}.account-pill span{min-width:0;overflow-wrap:anywhere;font-size:13px;font-weight:750}.account-pill button{border:0;background:none;color:var(--accent);font-size:12px;font-weight:900;cursor:pointer}.benefits{display:grid;grid-template-columns:1fr;gap:12px;margin:10px 0 24px}.benefit{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:18px;padding:17px}.benefit b{display:block;margin-bottom:5px;font-size:16px}.benefit span{color:var(--muted);font-size:13px;line-height:1.45}.hidden{display:none!important}.status-banner{display:flex;align-items:flex-start;gap:12px;border-radius:18px;padding:15px 17px;margin-bottom:16px;background:#fff8db;color:#6b4b00}.status-banner.active{background:#eaf8ef;color:#155f37}.status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:currentColor;margin-top:6px}.dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.dashboard-head h1{margin:0;font-size:clamp(32px,6vw,52px);letter-spacing:-.055em}.dashboard-head p{margin:7px 0 0;color:var(--muted)}.logout-btn{border:1px solid var(--line);border-radius:999px;background:#fff;padding:10px 15px;font-weight:850;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px}.stat span{display:block;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.stat b{display:block;margin-top:8px;font-size:24px;letter-spacing:-.04em}.referral-box{display:grid;gap:10px;background:linear-gradient(135deg,#251845,#4b2590);color:#fff;border-radius:var(--radius);padding:21px;margin-bottom:14px}.referral-box small{color:#dcd2f8;font-weight:750}.referral-row{display:flex;gap:8px}.referral-row input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.2);border-radius:13px;background:rgba(255,255,255,.1);color:#fff;padding:12px}.copy-btn{border:0;border-radius:13px;background:#fff;color:#28164e;padding:0 16px;font-weight:900;cursor:pointer}.section-grid{display:grid;gap:14px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;padding:0 10px 10px}.data-table td{border-top:1px solid var(--line);padding:13px 10px;white-space:nowrap}.empty{padding:22px 4px;color:var(--muted);font-size:14px;text-align:center}.badge{display:inline-flex;border-radius:999px;padding:5px 8px;background:#f0eef4;font-size:10px;font-weight:900;text-transform:uppercase}.badge.active,.badge.paid{background:#e8f7ed;color:#12633a}.badge.pending,.badge.approved{background:#fff5d6;color:#7a5300}.payout-form{display:grid;gap:12px}.loading{min-height:50vh;display:grid;place-items:center;color:var(--muted);font-weight:750}
@media(min-width:720px){.affiliate-topbar{padding:10px 30px}.affiliate-shell{padding:42px 28px 80px}.two{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(4,1fr)}.section-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}.card{padding:25px}}