.main:has(.referrals-view){max-width:1060px}.referrals-view{max-width:980px;margin:0 auto}.referral-hero{display:grid;grid-template-columns:45% 55%;overflow:hidden;border:1px solid #f1dfd2;border-radius:27px;background:#fff;box-shadow:0 9px 24px rgba(43,35,29,.09)}.referral-reward{position:relative;display:flex;min-height:250px;padding:24px;overflow:hidden;flex-direction:column;align-items:center;background:linear-gradient(135deg,#ff5808,#ff970c);color:#fff;text-align:center}.referral-reward:after{position:absolute;right:-25px;top:31px;content:"";width:110px;height:110px;border:14px solid #fff2;border-radius:28px;transform:rotate(45deg)}.reward-gift{position:absolute;right:21px;top:36px;font-size:56px;opacity:.2}.referral-reward>small{font-size:12px;font-weight:800;letter-spacing:.14em}.referral-reward>strong{margin:5px 0 7px;font-size:54px;line-height:1}.referral-reward>strong em{font-size:25px;font-style:normal;text-decoration:underline}.referral-reward>p{max-width:360px;margin:0;font-size:14px;font-weight:700;line-height:1.45}.reward-stats{display:grid;width:100%;grid-template-columns:repeat(3,1fr);margin-top:auto;padding-top:16px;border-top:1px dashed #fff7}.reward-stats span{font-size:10px}.reward-stats b{display:block;margin-top:7px;font-size:14px}.referral-link-panel{padding:20px}.referral-link-panel header{display:flex;align-items:center;gap:10px}.referral-link-panel h1{margin:0;font-size:18px}.referral-link-panel header p{margin:2px 0 0;color:#768399;font-size:12px}.referral-link-panel header i{display:grid;place-items:center;width:32px;height:32px;margin-left:auto;border:1px solid #ffdcc4;border-radius:50%;color:#ff5d0b;font-style:normal}.referral-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff2e9;color:#ff5b09;font-size:20px}.referral-link-row{display:flex;gap:8px;margin-top:12px}.referral-link-row input{min-width:0;flex:1;padding:12px;border:1px solid #dde3eb;border-radius:13px;background:#f8fafc;color:#42516a;font:13px inherit}.referral-copy{padding:0 18px;border:0;border-radius:13px;background:#ff5b08;color:#fff;font:700 13px inherit;cursor:pointer}.referral-qr-box{display:flex;align-items:center;gap:14px;margin-top:13px;padding:10px 13px;border:1px solid #edf0f3;border-radius:14px;background:#f7f9fb}.referral-qr{width:70px;height:70px;filter:drop-shadow(0 2px 3px #1d263322)}.referral-qr-box b{display:block;font-size:12px}.referral-qr-box button{margin-top:7px;padding:5px 9px;border:1px solid #ffd7be;border-radius:10px;background:#fff;color:#ff5a08;font:700 10px inherit}.referral-accordion{margin-top:18px;border:1px solid #eddfd4;border-radius:18px;background:#fff;box-shadow:0 3px 8px #1f28310b}.referral-accordion-head{display:flex;width:100%;align-items:center;gap:9px;padding:15px 20px;border:0;background:transparent;color:#172033;font:700 14px inherit;cursor:pointer;text-align:left}.referral-accordion-head span{color:#ff5b08}.referral-accordion-head i{margin-left:auto;color:#ff5b08;font-size:17px;font-style:normal;transition:.2s}.referral-accordion.open .referral-accordion-head i{transform:rotate(180deg)}.referral-accordion-body{display:none;padding:0 20px 17px;color:#68768c;font-size:12px}.referral-accordion.open .referral-accordion-body{display:block}.referral-accordion-body p{margin:0 0 10px}.referral-share-actions{display:flex;gap:8px}.referral-share-actions button{padding:8px 13px;border:1px solid #ffd5ba;border-radius:10px;background:#fff8f2;color:#e85008;font:700 11px inherit}.referral-rules{grid-template-columns:repeat(3,1fr);gap:10px}.referral-accordion.open .referral-rules{display:grid}.referral-rules span{display:flex;align-items:center;gap:9px;padding:11px;border-radius:12px;background:#fff8f2;line-height:1.4}.referral-rules span b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:#ff5b08;color:#fff}.referral-campaign,.referral-activity{margin-top:20px;overflow:hidden;border:1px solid #f0dfc7;border-radius:24px;background:#fff;box-shadow:0 5px 13px #2b241b0c}.referral-campaign>header{display:flex;justify-content:space-between;padding:17px 20px 8px}.referral-campaign header small{color:#e95708;font-weight:800}.referral-campaign h2{margin:5px 0;font-size:16px}.referral-campaign header span{padding:3px 8px;border-radius:9px;background:#fff0e4;color:#e85809;font-size:9px;font-weight:700}.referral-campaign header i{color:#ff5b08;font-style:normal}.campaign-time{padding:9px 20px}.campaign-time>span{color:#657389;font-size:11px}.campaign-time div{display:flex;justify-content:space-between;margin-top:7px;font-size:10px}.campaign-time progress{display:block;width:100%;height:6px;margin-top:6px;accent-color:#ffad00}.campaign-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px;border-top:1px solid #f0e7df}.campaign-stats>span{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e3e9ef;border-radius:14px;color:#55708f}.campaign-stats>span:nth-child(2),.campaign-stats>span:nth-child(4){border-color:#aee9d0;background:#effcf6;color:#08a66f}.campaign-stats>span:nth-child(3){border-color:#f4dc89;background:#fffbed;color:#e37c00}.campaign-stats small{font-size:9px}.campaign-stats b{display:block;margin-top:3px;color:#172033;font-size:13px}.referral-activity{padding:17px 20px}.referral-activity h2{margin:0 0 12px;font-size:15px}.referral-activity-tabs{display:flex;padding:4px;border-radius:13px;background:#f0f4f8}.referral-activity-tabs button{flex:1;padding:10px;border:0;border-radius:10px;background:transparent;color:#65758d;font:700 11px inherit}.referral-activity-tabs button.active{background:#fff;color:#172033;box-shadow:0 2px 5px #1b28331a}.referral-activity-tabs b{margin-left:8px;color:#e87818}.referral-empty{padding:48px 12px 30px;text-align:center}.referral-empty>span{display:grid;place-items:center;width:45px;height:45px;margin:auto;border-radius:16px;background:#fff2e8;color:#ff5b08;font-size:22px}.referral-empty b{display:block;margin:12px 0 4px;font-size:14px}.referral-empty p{margin:0;color:#8a96a8;font-size:11px}@media(max-width:700px){.referral-hero{grid-template-columns:1fr}.referral-reward{min-height:225px}.campaign-stats{grid-template-columns:1fr 1fr}.referral-rules,.referral-accordion.open .referral-rules{grid-template-columns:1fr}}@media(max-width:460px){.referral-link-panel{padding:16px}.referral-link-row{flex-direction:column}.referral-copy{padding:12px}.referral-qr-box{justify-content:center}.referral-share-actions{flex-wrap:wrap}.campaign-stats{grid-template-columns:1fr}.referral-activity{padding:15px 12px}}