.affiliate-page-container{--aff-font-family:var(--font-sans),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--aff-orange:#ff5722;--aff-orange-hover:#f4511e;--aff-orange-glow:rgba(255,87,34,0.15);--aff-orange-border:rgba(255,87,34,0.25);--aff-money:#f59e0b;--aff-bg:oklch(98.5% 0.005 30deg);--aff-surface:oklch(100% 0 0deg);--aff-border:oklch(92% 0.01 30deg);--aff-text:oklch(20% 0.015 30deg);--aff-heading:oklch(12% 0.02 30deg);--aff-muted:oklch(48% 0.015 30deg);--aff-card-shadow:0 4px 20px -2px rgba(255,87,34,0.05),0 2px 8px -1px rgba(0,0,0,0.03);--aff-history-item-hover:oklch(97% 0.006 30deg);background-color:var(--aff-bg);color:var(--aff-text);font-family:var(--aff-font-family);min-height:100vh}.dark .affiliate-page-container{--aff-money:#fbbf24;--aff-bg:oklch(15% 0.008 30deg);--aff-surface:oklch(19% 0.012 30deg/85%);--aff-border:oklch(28% 0.015 30deg/70%);--aff-text:oklch(86% 0.008 30deg);--aff-heading:oklch(95% 0.003 30deg);--aff-muted:oklch(65% 0.008 30deg);--aff-card-shadow:0 4px 24px -2px rgba(0,0,0,0.3),0 2px 10px -1px rgba(255,87,34,0.03);--aff-history-item-hover:oklch(23% 0.015 30deg/80%)}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}.aff-gradient-text{background:linear-gradient(135deg,var(--aff-orange),#ff8a50);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.aff-card{border:1px solid var(--aff-border);box-shadow:var(--aff-card-shadow)}.aff-card,.aff-input{background-color:var(--aff-surface)}.aff-input{border:2px solid var(--aff-border);color:var(--aff-text);transition:all .2s ease-in-out}.aff-input:focus{border-color:var(--aff-orange);box-shadow:0 0 0 4px var(--aff-orange-glow);outline:none}.aff-btn-primary{background:linear-gradient(135deg,var(--aff-orange),#ff7337);color:#ffffff;font-weight:600;transition:all .2s ease-in-out;box-shadow:0 4px 12px rgba(255,87,34,.2)}.aff-btn-primary:hover{background:linear-gradient(135deg,var(--aff-orange-hover),#ff5722);box-shadow:0 6px 16px rgba(255,87,34,.3);transform:translateY(-1px)}.aff-btn-primary:active{transform:translateY(0)}.aff-btn-secondary{background-color:var(--aff-surface);border:1px solid var(--aff-border);color:var(--aff-text);transition:all .2s ease-in-out}.aff-btn-secondary:hover{border-color:var(--aff-orange-border)}.aff-badge-commission,.aff-btn-secondary:hover{background-color:var(--aff-orange-light);color:var(--aff-orange)}.aff-badge-commission{border:1px solid var(--aff-orange-border);font-weight:700;padding:.25rem .6rem;border-radius:9999px;display:inline-flex;align-items:center;gap:.25rem}.aff-history-item{transition:background-color .2s ease}.aff-history-item:hover{background-color:var(--aff-history-item-hover)}@keyframes aff-pulse{0%,to{opacity:1}50%{opacity:.5}}.aff-skeleton{animation:aff-pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--aff-border)}@keyframes coin-spin-2d{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.coin-2d-spin{animation:coin-spin-2d 12s linear infinite}.aff-summary-card{position:relative;overflow:hidden}.aff-summary-card:hover .coin-2d{transform:scale(1.1) rotate(15deg)}.coin-2d{transition:transform .4s cubic-bezier(.25,.8,.25,1)}@keyframes coin-fall-down{0%{top:-50px;opacity:0}15%{opacity:.5}85%{opacity:.5}to{top:105vh;opacity:0}}.falling-coin{position:fixed;pointer-events:none;z-index:5;animation:coin-fall-down 6s linear forwards}@keyframes coin-burst-2d{0%{opacity:1;transform:translate(0) scale(1) rotate(0deg)}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.5) rotate(120deg)}}.burst-coin{position:absolute;pointer-events:none;z-index:20;animation:coin-burst-2d .8s cubic-bezier(.16,1,.3,1) forwards}.payment-coming-soon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;border-radius:1rem;border:1px dashed var(--aff-border);text-align:center;position:relative}.aff-card-container,.payment-coming-soon-container{background-color:var(--aff-surface);overflow:hidden}.aff-card-container{border:1px solid var(--aff-border);border-radius:.375rem;padding:1rem;box-shadow:var(--aff-card-shadow);max-width:100%}@media (min-width:640px){.aff-card-container{padding:1.25rem}}.aff-card-header{display:flex;flex-direction:column;gap:1rem;border-bottom:1px solid var(--aff-border);padding-bottom:1rem;margin-bottom:1rem}@media (min-width:640px){.aff-card-header{flex-direction:row;align-items:center;justify-content:space-between}}.aff-card-title{font-weight:700;font-size:.875rem;color:var(--aff-heading)}@media (min-width:640px){.aff-card-title{font-size:1rem}}.aff-filter-bar{display:flex;align-items:center;gap:.375rem;background-color:var(--aff-bg);padding:.25rem;border-radius:.375rem;overflow-x:auto;max-width:100%}.aff-filter-pill{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;white-space:nowrap;transition:all .2s ease;color:var(--aff-muted);font-weight:500;cursor:pointer;background:transparent;border:1px solid transparent}.aff-filter-pill:hover{color:var(--aff-heading)}.aff-filter-pill.active{background-color:var(--aff-surface);color:var(--aff-orange);font-weight:700;border-color:var(--aff-border);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.aff-item-row{padding:.875rem 1rem;border-radius:.375rem;background-color:var(--aff-surface);border:1px solid var(--aff-border);transition:border-color .2s ease,background-color .2s ease}.aff-notice-box{border:1px solid var(--aff-orange-border);background-color:var(--aff-orange-glow);padding:.875rem 1rem;border-radius:.375rem;font-size:.875rem;color:var(--aff-text);line-height:1.6}