.referral-page{max-width:1400px;margin:0 auto;padding:8px 16px}.referral-page .referral-header{text-align:center;margin-bottom:8px}.referral-page .referral-header h1{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,#d4af37,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);margin-bottom:4px;letter-spacing:-.01em;filter:drop-shadow(0 2px 8px rgba(212,175,55,.4))}.referral-page .referral-header h1.uppercase{text-transform:uppercase}.referral-page .referral-header h1.gold-glow-title{color:#f9e29f;text-shadow:0 0 15px rgba(212,175,55,.5)}.referral-page .referral-header p{color:#94a3b8;font-size:.95rem;max-width:600px;margin:0 auto}.referral-page .referral-header .error-banner{margin-top:12px;padding:8px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:.85rem;display:inline-flex;align-items:center;gap:12px}.referral-page .referral-header .error-banner button{background:rgba(239,68,68,.2);border:none;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.75rem}.referral-page .referral-header .error-banner button:hover{background:rgba(239,68,68,.3)}.referral-page .tabs-navigation{display:flex;gap:8px;margin-bottom:16px;background:hsla(0,0%,100%,.02);padding:4px;border-radius:10px;width:fit-content;margin-left:auto;margin-right:auto;backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.03)}.referral-page .tabs-navigation .tab-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;border-radius:10px;background:rgba(0,0,0,0);border:none;color:#94a3b8;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.referral-page .tabs-navigation .tab-btn:hover{color:#fff;background:hsla(0,0%,100%,.05)}.referral-page .tabs-navigation .tab-btn.active{background:#d4af37;color:#000;box-shadow:0 4px 15px rgba(212,175,55,.3)}.referral-page .premium-card{background:rgba(30,41,59,.5);backdrop-filter:blur(16px);border:1px solid rgba(212,175,55,.2);border-radius:12px;padding:12px;margin-bottom:12px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.referral-page .referral-link-card .card-top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.referral-page .referral-link-card .card-top-header h3{display:flex;align-items:center;gap:8px;font-size:1.1rem;color:#fff;margin:0;text-transform:uppercase}.referral-page .referral-link-card .card-top-header h3 .icon{color:#d4af37}.referral-page .referral-link-card .card-top-header h3 .code-warning{font-size:.8rem;color:#f59e0b;background:rgba(245,158,11,.1);padding:4px 12px;border-radius:20px;margin-left:12px}.referral-page .referral-link-card .card-top-header .info-icon{color:#94a3b8;cursor:pointer}.referral-page .referral-link-card .card-top-header .info-icon:hover{color:#fff}.referral-page .referral-link-card .link-container-wrapper{background:rgba(0,0,0,.3);padding:8px;border-radius:16px;border:1px solid hsla(0,0%,100%,.1)}.referral-page .referral-link-card .link-container{display:flex;gap:12px}.referral-page .referral-link-card .link-container .link-input{flex:1;background:rgba(0,0,0,0);border:none;padding:12px 16px;color:#f9e29f;font-family:JetBrains Mono,monospace;font-size:14px;outline:none}.referral-page .referral-link-card .link-container .copy-btn-new{display:flex;align-items:center;gap:8px;background:#d4af37;color:#000;padding:0 24px;border-radius:12px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease}.referral-page .referral-link-card .link-container .copy-btn-new:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 8px 20px rgba(212,175,55,.3)}.referral-page .referral-link-card .link-container .copy-btn-new.copied{background:#10b981;color:#fff}.referral-page .referral-link-card .link-hint{margin-top:16px;color:#94a3b8;font-size:.9rem}.referral-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:12px}.referral-page .stats-grid .stat-card{background:rgba(30,41,59,.5);border:1px solid hsla(0,0%,100%,.05);border-radius:14px;padding:14px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.referral-page .stats-grid .stat-card:hover{transform:translateY(-5px);background:rgba(45,55,75,.6);border-color:hsla(0,0%,100%,.1)}.referral-page .stats-grid .stat-card .stat-icon-wrapper{width:48px;height:48px;background:hsla(0,0%,100%,.05);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#d4af37;font-size:20px}.referral-page .stats-grid .stat-card.highlight{border-color:rgba(212,175,55,.2)}.referral-page .stats-grid .stat-card.highlight .stat-icon-wrapper{background:rgba(212,175,55,.1);color:#d4af37}.referral-page .stats-grid .stat-card.success .stat-icon-wrapper{background:rgba(16,185,129,.1);color:#10b981}.referral-page .stats-grid .stat-card.pending .stat-icon-wrapper{background:rgba(245,158,11,.1);color:#f59e0b}.referral-page .stats-grid .stat-card .stat-info .stat-value{font-size:1.25rem;font-weight:800;color:#fff;margin-bottom:2px}.referral-page .stats-grid .stat-card .stat-info .stat-label{font-size:.85rem;color:#94a3b8;font-weight:500}.referral-page .commission-tiers-premium{margin-bottom:12px}.referral-page .commission-tiers-premium .section-header-inline{margin-bottom:10px}.referral-page .commission-tiers-premium .section-header-inline h2{display:flex;align-items:center;gap:12px;font-size:1.5rem;color:#fff;margin-bottom:4px;color:#d4af37}.referral-page .commission-tiers-premium .section-header-inline p{color:#94a3b8}.referral-page .commission-tiers-premium .tiers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.referral-page .commission-tiers-premium .tiers-grid .tier-card-premium{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:16px;padding:20px;text-align:center;position:relative;overflow:hidden}.referral-page .commission-tiers-premium .tiers-grid .tier-card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:hsla(0,0%,100%,.1)}.referral-page .commission-tiers-premium .tiers-grid .tier-card-premium.basic:before{background:#94a3b8}.referral-page .commission-tiers-premium .tiers-grid .tier-card-premium.silver:before{background:#cbd5e1}.referral-page .commission-tiers-premium .tiers-grid .tier-card-premium.gold:before{background:#d4af37}.referral-page .commission-tiers-premium .tiers-grid .tier-card-premium.emerald:before{background:#10b981}.referral-page .commission-tiers-premium .tiers-grid .tier-card-premium.vip:before{background:#6366f1}.referral-page .commission-tiers-premium .tiers-grid .tier-card-premium .tier-name{font-size:.8rem;font-weight:600;color:#94a3b8;text-transform:uppercase;margin-bottom:12px}.referral-page .commission-tiers-premium .tiers-grid .tier-card-premium .tier-amount{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:4px}.referral-page .commission-tiers-premium .tiers-grid .tier-card-premium .tier-condition{font-size:.75rem;color:#94a3b8}.referral-page .table-section{background:rgba(30,41,59,.5);border-radius:20px;padding:24px;border:1px solid hsla(0,0%,100%,.05)}.referral-page .table-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.referral-page .table-section .section-header h2{font-size:1.5rem;color:#fff;margin:0}.referral-page .table-section .section-header .table-info{color:#94a3b8;font-size:.9rem}.referral-page .table-section .table-container{overflow-x:auto}.referral-page .table-section table{width:100%;border-collapse:collapse}.referral-page .table-section table th{text-align:left;padding:16px;color:#94a3b8;font-size:.85rem;font-weight:600;text-transform:uppercase;border-bottom:1px solid hsla(0,0%,100%,.05)}.referral-page .table-section table tr{transition:all .2s ease;border-bottom:1px solid hsla(0,0%,100%,.02)}.referral-page .table-section table tr:hover{background:hsla(0,0%,100%,.02)}.referral-page .table-section table td{padding:20px 16px;color:#fff}.referral-page .table-section .ref-user-cell .ref-user{display:flex;align-items:center;gap:12px}.referral-page .table-section .ref-user-cell .ref-user .user-icon{font-size:1.5rem}.referral-page .table-section .ref-user-cell .ref-user .username{font-weight:600;margin-bottom:2px}.referral-page .table-section .ref-user-cell .ref-user .email{font-size:.8rem;color:#94a3b8}.referral-page .table-section .amount-cell{font-weight:700}.referral-page .table-section .amount-cell.positive{color:#10b981}.referral-page .table-section .amount-cell.commission-cell{color:#d4af37}.referral-page .table-section .ref-status{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:700}.referral-page .table-section .ref-status.active{background:rgba(16,185,129,.1);color:#10b981}.referral-page .table-section .ref-status.inactive{background:hsla(0,0%,100%,.05);color:#94a3b8}.referral-page .status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.referral-page .status-pill.paid{background:rgba(16,185,129,.1);color:#10b981}.referral-page .status-pill.pending{background:rgba(245,158,11,.1);color:#f59e0b}.referral-page .tier-badge-premium{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;background:hsla(0,0%,100%,.05);color:#fff}.referral-page .tier-badge-premium.tier_1{background:#64748b}.referral-page .tier-badge-premium.tier_2{background:#94a3b8}.referral-page .tier-badge-premium.tier_3{background:#d4af37;color:#000}.referral-page .tier-badge-premium.tier_4{background:#10b981}.referral-page .tier-badge-premium.tier_5{background:#6366f1}.referral-page .source-info{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.9rem}.referral-page .source-info span{color:#f8fafc;font-weight:500}.referral-page .date-cell{display:flex;align-items:center;gap:8px;color:#94a3b8}.spinner{width:40px;height:40px;border:4px solid rgba(212,175,55,.1);border-top-color:#d4af37;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:768px){.referral-page .referral-header h1{font-size:2.5rem}.referral-page .tabs-navigation{flex-direction:column;width:100%}.referral-page .tabs-navigation .tab-btn{width:100%;justify-content:center}.referral-page .tiers-grid{grid-template-columns:repeat(2,1fr)}}