.referrals-page .sidebar-nav a[aria-current=page]{background:rgba(56,230,255,.09);color:var(--color-cyan)}.referral-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:360px;padding:38px;overflow:hidden;background:radial-gradient(circle at 78% 43%,rgba(56,230,255,.16),transparent 31%),linear-gradient(135deg,rgba(56,230,255,.1),rgba(15,30,52,.92));border-color:rgba(56,230,255,.28)}.referral-hero>div{position:relative;z-index:1;max-width:650px}.referral-hero h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.02;margin:10px 0 16px}.referral-hero-art{width:min(47%,560px);height:auto;filter:drop-shadow(0 18px 25px rgba(0,0,0,.28));animation:referral-float 8s ease-in-out infinite}.referral-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.link-qr-grid,.progress-milestone-grid,.network-analytics-grid,.activity-material-grid,.campaign-grid,.payout-history-grid,.responsible-rules-grid,.referral-faq-empty{display:grid;grid-template-columns:1fr 1fr;gap:18px}.referral-link-card,.qr-card,.level-section,.referrals-table-section{padding:25px}.referral-field{display:grid;gap:6px;margin-top:17px;color:var(--color-text-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.copy-input{display:flex;gap:8px}.copy-input .input{flex:1}.referral-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.status-line{display:flex;align-items:center;gap:7px;margin-top:16px;color:var(--color-mint);font-size:11px}.status-line i{width:8px;height:8px;border-radius:50%;background:var(--color-mint)}.manual-copy{color:var(--color-gold);font-size:10px}.qr-layout{display:flex;align-items:center;gap:18px;margin-top:20px}.qr-pattern{width:120px;height:120px;flex:0 0 auto;border:9px solid #effdff;background:repeating-linear-gradient(45deg,#081a2a 0 6px,#eafcff 6px 11px),repeating-linear-gradient(-45deg,transparent 0 9px,#12334a 9px 14px);box-shadow:inset 0 0 0 7px #163d54}.qr-pattern.large{width:190px;height:190px;margin:0 auto}.qr-layout strong{color:var(--color-cyan)}.qr-layout p,.qr-modal-body p{font-size:11px}.referral-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.referral-stat-grid .card{display:grid;align-content:center;gap:7px;min-height:128px}.referral-stat-grid span:not(.stat-icon){color:var(--color-text-muted);font-size:11px}.referral-stat-grid strong{font-size:1.4rem;color:var(--color-text-primary)}.referral-stat-grid small{color:var(--color-text-muted);font-size:10px}.stat-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(56,230,255,.11);color:var(--color-cyan)}.stat-icon.mint{color:var(--color-mint);background:rgba(70,239,183,.11)}.stat-icon.violet{color:var(--color-violet);background:rgba(151,112,255,.11)}.stat-icon.gold{color:var(--color-gold);background:rgba(255,197,80,.11)}.stat-icon.pink{color:var(--color-pink);background:rgba(255,111,163,.11)}.level-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.level-card-grid article{display:grid;gap:8px;padding:16px;border:1px solid var(--border-soft);border-radius:12px;background:rgba(255,255,255,.025)}.level-number{color:var(--color-gold);font-weight:900;font-size:20px}.level-card-grid h3{margin:0;font-size:13px}.level-card-grid p{margin:0;font-size:11px}.level-card-grid strong{font-size:11px;color:var(--color-text-primary)}.structure-table-wrap{overflow:auto}.example-callout{display:grid;gap:5px;margin-top:18px;padding:14px;border-left:2px solid var(--color-cyan);background:rgba(56,230,255,.05);font-size:11px}.example-callout small{color:var(--color-text-muted);font-size:10px}.progress-title{display:block;margin:22px 0 12px;font-size:1.2rem}.large-progress{height:12px;border-radius:15px;background:rgba(255,255,255,.08)}.large-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-cyan),var(--color-violet))}.progress-meta{display:flex;justify-content:space-between;margin-top:8px;color:var(--color-text-muted);font-size:10px}.milestone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.milestone-grid span{display:grid;gap:6px;padding:11px;border:1px solid var(--border-soft);border-radius:10px}.milestone-grid i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:rgba(255,197,80,.12);color:var(--color-gold);font-style:normal}.milestone-grid b{font-size:10px}.milestone-grid small{color:var(--color-text-muted);font-size:9px}.milestone-grid .active{border-color:rgba(56,230,255,.45)}.table-filters{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:19px 0}.table-filters label{display:grid;gap:5px;color:var(--color-text-muted);font-size:10px}.table-filters input,.table-filters select{min-height:37px;padding:0 8px;border:1px solid var(--border-soft);border-radius:8px;background:rgba(255,255,255,.035);color:var(--color-text-secondary);font-size:11px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;background:rgba(255,255,255,.06);font-size:9px;white-space:nowrap}.status-badge.verified,.status-badge.active,.status-badge.eligible,.status-badge.approved{color:var(--color-mint)}.status-badge.pending{color:var(--color-gold)}.status-badge.restricted{color:var(--color-pink)}.status-badge.muted{color:var(--color-text-muted)}.empty-inline{display:grid;gap:3px;margin-top:13px;padding:11px;border-left:2px solid var(--border-medium);background:rgba(255,255,255,.025)}.empty-inline small{color:var(--color-text-muted);font-size:10px}.network-controls{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.network-tree{padding:16px;border:1px solid var(--border-soft);border-radius:13px;background:rgba(255,255,255,.025)}.network-node{position:relative;display:grid;grid-template-columns:34px 1fr;column-gap:9px;row-gap:2px;padding:10px}.network-node strong{font-size:11px}.network-node small{color:var(--color-text-muted);font-size:10px}.network-avatar{grid-row:span 2;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:rgba(56,230,255,.12);color:var(--color-cyan);font-size:9px;font-weight:800}.network-children{display:grid;gap:7px;margin:8px 0 0 25px;padding-left:12px;border-left:1px dashed var(--color-cyan)}.network-children .network-node{background:rgba(255,255,255,.025);border-radius:9px}.funnel{display:grid;gap:7px;margin:18px 0}.funnel span{display:flex;justify-content:space-between;padding:8px 11px;border-radius:7px;background:linear-gradient(90deg,rgba(56,230,255,.13),rgba(255,255,255,.025));font-size:10px}.funnel b{color:var(--color-cyan)}.analytics-bars{display:grid;gap:10px}.analytics-bars span{display:grid;gap:5px;font-size:10px}.analytics-bars i{display:block;height:7px;border-radius:10px;background:linear-gradient(90deg,var(--color-cyan),var(--color-violet))}.referral-timeline{display:grid;gap:8px;margin-top:18px}.referral-timeline span{display:grid;grid-template-columns:31px 1fr auto;column-gap:9px;row-gap:2px;padding:10px;border-radius:10px;background:rgba(255,255,255,.03)}.referral-timeline i{grid-row:span 2;display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:rgba(56,230,255,.1);color:var(--color-cyan);font-style:normal}.referral-timeline b{font-size:11px}.referral-timeline small{color:var(--color-text-muted);font-size:10px}.referral-timeline em{grid-column:3;grid-row:1/3;align-self:center;color:var(--color-gold);font-size:10px;font-style:normal}.marketing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.marketing-grid>span{display:grid;gap:6px;padding:10px;border:1px solid var(--border-soft);border-radius:9px}.marketing-grid i{color:var(--color-cyan);font-size:10px;font-style:normal}.marketing-grid b{font-size:10px}.marketing-grid code{color:var(--color-text-secondary);font-size:9px;overflow-wrap:anywhere}.embed-preview{grid-column:1/-1}.featured-campaign{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px;background:linear-gradient(130deg,rgba(255,197,80,.1),rgba(56,230,255,.07),rgba(8,21,38,.9));border-color:rgba(255,197,80,.3)}.featured-campaign h2{margin:13px 0 7px}.campaign-meta{display:flex;gap:24px;flex-wrap:wrap;margin:18px 0}.campaign-meta span{display:grid;gap:3px}.campaign-meta b{font-size:13px}.campaign-meta small{color:var(--color-text-muted);font-size:10px}.campaign-orbit{display:grid;place-items:center;width:145px;height:145px;border-radius:50%;border:1px solid rgba(255,197,80,.55);color:var(--color-gold);font-weight:900;box-shadow:0 0 35px rgba(255,197,80,.18)}.campaign-card{display:grid;gap:9px;padding:16px}.campaign-card h3{margin:0}.campaign-card p{margin:0;font-size:11px}.campaign-card small{color:var(--color-text-muted);font-size:10px}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.workflow span{display:flex;align-items:center;gap:7px;font-size:10px}.workflow i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(56,230,255,.1);color:var(--color-cyan);font-style:normal}.commission-list{display:grid;gap:8px;margin-top:17px}.commission-list div{display:grid;grid-template-columns:45px 1fr auto;gap:7px;padding:10px;border-radius:9px;background:rgba(255,255,255,.03);font-size:10px}.commission-list em{color:var(--color-gold);font-style:normal}.commission-list small{grid-column:2;color:var(--color-text-muted)}.responsible-card{background:linear-gradient(145deg,rgba(70,239,183,.08),rgba(8,21,38,.9))}.fair-list{display:grid;gap:9px;margin:18px 0;padding-left:18px;color:var(--color-text-secondary);font-size:11px}.fair-list li::marker{color:var(--color-cyan)}.empty-stack{display:grid;gap:9px;margin-top:18px}.empty-stack>div{display:grid;gap:3px;padding:11px;border-left:2px solid var(--border-medium);background:rgba(255,255,255,.025)}.empty-stack small{color:var(--color-text-muted);font-size:10px}.referral-skeletons{display:grid;gap:10px;margin-top:18px}.referral-skeletons .skeleton{height:14px}.referral-skeletons .skeleton-lg{height:42px;width:80%}.referral-skeletons .short{width:45%}.referral-modal{width:min(720px,100%)}.share-preview{display:grid;gap:12px;margin:20px 0}.share-preview label{display:grid;gap:5px;color:var(--color-text-muted);font-size:10px;font-weight:800}.share-buttons{display:flex;flex-wrap:wrap;gap:8px}.qr-mini{display:flex;align-items:center;gap:12px;margin-top:18px;color:var(--color-text-muted);font-size:10px}.qr-mini .qr-pattern{width:62px;height:62px;border-width:5px}.qr-modal-body{text-align:center;padding:15px}.qr-modal-body strong{display:block;margin:12px;color:var(--color-cyan)}.details-grid,.campaign-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0}.details-grid span,.campaign-detail-grid span{display:grid;gap:4px;padding:12px;border-radius:9px;background:rgba(255,255,255,.035)}.details-grid small,.campaign-detail-grid small{color:var(--color-text-muted);font-size:10px}.details-grid b,.campaign-detail-grid b{font-size:11px}.detail-timeline{display:grid;gap:7px;padding:13px;border-left:2px solid var(--color-cyan);color:var(--color-text-secondary);font-size:11px}.campaign-detail-grid{margin:20px 0}.referrals-page .modal{animation:referral-modal-in .2s ease}@keyframes referral-modal-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}@keyframes referral-float{50%{transform:translateY(-7px)}}@media(max-width:1180px){.referral-stat-grid{grid-template-columns:repeat(3,1fr)}.table-filters{grid-template-columns:repeat(3,1fr)}.global-stat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.referral-hero{display:block}.referral-hero-art{display:block;width:min(70%,500px);margin:10px auto -12px}.level-card-grid{grid-template-columns:1fr 1fr}.link-qr-grid,.progress-milestone-grid,.network-analytics-grid,.activity-material-grid,.campaign-grid,.payout-history-grid,.responsible-rules-grid,.referral-faq-empty{grid-template-columns:1fr}.referral-stat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.referrals-page .dashboard-page-header{align-items:flex-start}.page-header-actions{width:100%}.page-header-actions .btn{flex:1}.referral-hero{padding:24px}.referral-hero-art{width:100%}.copy-input{display:grid}.copy-input .btn{min-height:44px}.qr-layout{display:grid;justify-items:center;text-align:center}.level-card-grid,.milestone-grid{grid-template-columns:1fr 1fr}.referral-stat-grid{grid-template-columns:repeat(2,1fr)}.table-filters{grid-template-columns:1fr 1fr}.activity-material-grid,.campaign-grid,.payout-history-grid{grid-template-columns:1fr}.activity-table{overflow:auto}.workflow{grid-template-columns:1fr 1fr}.featured-campaign{display:block;padding:24px}.campaign-orbit{margin:22px auto 0}.referral-timeline span{grid-template-columns:31px 1fr}.referral-timeline em{grid-column:2;grid-row:auto}.marketing-grid{grid-template-columns:1fr}.details-grid,.campaign-detail-grid{grid-template-columns:1fr}.referral-modal{max-height:96vh}}@media(max-width:430px){.referral-stat-grid,.level-card-grid,.milestone-grid,.table-filters,.workflow{grid-template-columns:1fr}.qr-pattern{width:105px;height:105px}.referral-actions .btn{flex:1}.referrals-page .modal{max-height:96vh}}@media(prefers-reduced-motion:reduce){.referral-hero-art,.referrals-page .modal{animation:none}}