:root{color-scheme:light}body.affiliate-portal{background:linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);color:#111827;font-family:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif}.affiliate-shell{min-height:100vh;display:flex;flex-direction:column}.affiliate-topbar{background:#111827;color:#f9fafb;padding:16px 0}.affiliate-topbar .brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:0.08em}.affiliate-topbar .brand img{height:32px}.affiliate-nav{display:flex;align-items:center;gap:16px}.affiliate-nav a,.affiliate-nav button{color:#f9fafb;font-size:0.9rem;text-decoration:none;background:transparent;border:1px solid transparent;padding:6px 12px;border-radius:999px}.affiliate-nav form{display:inline}.affiliate-nav button{cursor:pointer}.affiliate-nav .active{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.2)}.affiliate-card{background:#ffffff;border-radius:20px;box-shadow:0 20px 40px rgba(15,23,42,0.08);padding:32px}.affiliate-link-card{border:1px solid #eef2ff}.affiliate-table-card{padding:24px}.affiliate-metric{background:#111827;color:#f9fafb;border-radius:16px;padding:24px}.affiliate-metric small{color:rgba(249,250,251,0.7)}.affiliate-table th{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;color:#6b7280}.affiliate-table td{padding:12px 16px}.affiliate-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 16px}.affiliate-auth .auth-card{max-width:440px;width:100%;background:#ffffff;border-radius:20px;padding:32px;box-shadow:0 24px 60px rgba(15,23,42,0.12)}.affiliate-auth .auth-card h1{font-size:1.9rem;letter-spacing:-0.02em}.affiliate-auth .auth-card .btn-primary{background:linear-gradient(135deg, #111827 0%, #1f2937 100%);border:none;border-radius:14px;padding:12px 16px}.affiliate-auth .auth-card .btn-primary:hover{background:linear-gradient(135deg, #0f172a 0%, #111827 100%)}.affiliate-auth .form-control{border-radius:12px;padding:12px 14px;border-color:#e2e8f0}.affiliate-auth .form-control:focus{border-color:#4f46e5;box-shadow:0 0 0 0.2rem rgba(79,70,229,0.15)}.affiliate-link-input{border-radius:12px 0 0 12px;border-right:0}.affiliate-link-button{border-radius:0 12px 12px 0;background:#111827;color:#f9fafb;border:none}.affiliate-link-button:hover{background:#0f172a}.affiliate-link-button[data-copied="true"]{background:#16a34a}