.tabs.tabs-7{grid-template-columns:repeat(7,minmax(0,1fr))}
.ref-history-link{display:flex;align-items:center;gap:14px;text-align:left;color:#ffedc2;width:100%}.ref-history-link>svg{width:25px;height:25px;color:#ffd65b;flex-shrink:0}.ref-history-link span{flex:1}.ref-history-link strong{display:block;font-size:14px}.ref-history-link small{display:block;margin-top:6px;font-size:11px;color:#bdad88}.ref-history-link>b{color:#ffce45;font-size:23px}
.ref-history-intro h1{font-size:25px;line-height:1.2;margin:12px 0;outline:none!important}.ref-history-intro{padding:10px 3px}
.ref-amount-label,.ref-wallet-label{display:block;color:#d4c19a;font-size:12px}.ref-amount-label input,.ref-wallet-label input{display:block;margin-top:8px}.ref-amount-actions{display:flex;gap:8px;margin:10px 0 16px}.ref-amount-actions button,.ref-rate-line button{border:1px solid #ddaa4133;border-radius:8px;background:#d59a0c0d;color:#fbd267;padding:9px 12px;font-size:11px!important;min-height:36px}
.ref-conversion{border:1px solid #bf922a66;background:linear-gradient(110deg,#69491250,#36290e50);border-radius:15px;padding:18px;display:grid;gap:8px}.ref-conversion>span{font-size:11px;color:#d9c69c}.ref-conversion output{font-size:28px;color:#ffda5f;font-weight:850;overflow-wrap:anywhere}.ref-conversion small{font-size:11px;color:#c2b18d}.ref-rate-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.ref-rate-line>span{font-size:10px;color:#c5b68f}.ref-rate-line button{border:0;flex-shrink:0;padding-right:0}
.ref-withdraw-screen{display:grid;gap:16px;min-width:0}
.ref-back{display:flex;align-items:center;gap:8px;justify-self:start;min-height:44px;border:0;background:transparent;color:#ddc99f;padding:0 4px;font-size:12px!important}
.ref-back svg{width:22px;height:22px;color:#ffd65b}
.ref-withdraw-intro{border:1px solid #a27828;border-radius:22px;padding:26px;background:radial-gradient(ellipse at 100% 100%,#825a1466,transparent 70%),linear-gradient(125deg,#33250f,#221a0c)}
.ref-withdraw-intro h1{font-size:30px;letter-spacing:-.8px;margin:10px 0 0;outline:none!important}
.ref-withdraw-intro .ref-eyebrow{display:block;margin-bottom:8px}
.ref-withdraw-summary{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f3c3542b;padding-top:18px;margin-top:20px}
.ref-withdraw-summary .ref-money{color:#ffda63}
.ref-withdraw-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#ffe28a;font-size:32px;font-weight:800;background:linear-gradient(135deg,#b080252e,#f8c44b21);border:1px solid #eabd4c55;transform:rotate(-8deg)}
.ref-withdraw-footer{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 12px;color:#bcab85;font-size:11px;line-height:1.5}
.ref-withdraw-footer svg{width:20px;height:20px;flex-shrink:0;color:#e3bd57}
@media(max-width:600px){.ref-withdraw-screen{gap:12px}.ref-withdraw-intro{padding:20px;border-radius:18px}.ref-withdraw-intro h1{font-size:26px}.ref-withdraw-summary{margin-top:14px;padding-top:14px}.ref-withdraw-screen input{font-size:16px!important}.ref-withdraw-footer{font-size:10px}}
#panel-referrals{color:#fff4d9;--ref-muted:#cabb97;--ref-border:rgba(255,204,45,.21)}
#panel-referrals [hidden]{display:none!important}
#panel-referrals button,#panel-referrals input{font:inherit}
#panel-referrals button{cursor:pointer}
#panel-referrals button:disabled{opacity:.45;cursor:default}
#panel-referrals :focus-visible{outline:2px solid #ffe25e;outline-offset:3px}
.ref-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #98721c;border-radius:24px;padding:30px;background:radial-gradient(ellipse at 89% 35%,#9b6808aa,transparent 53%),linear-gradient(125deg,#3a290b,#1b150b);min-height:295px}
.ref-hero:after{content:"";position:absolute;width:250px;height:250px;border:1px solid #ffce4040;border-radius:50%;right:-50px;top:14px;z-index:-1;box-shadow:0 0 0 30px #ffce4008,0 0 0 60px #ffce4005}
.ref-eyebrow{font-size:10px;letter-spacing:2px;color:#ffd65b;font-weight:800;margin-bottom:17px}
.ref-hero h1{font-size:clamp(23px,4vw,32px);line-height:1.13;letter-spacing:-1px;margin:0;position:relative;z-index:2}
.ref-hero h1 em{font-style:normal;color:#ffce35}
#panel-referrals p{font-size:13px;line-height:1.6;color:var(--ref-muted);margin:8px 0 16px}
.ref-rate{display:inline-flex;gap:13px;align-items:center;margin-top:3px;padding:11px 18px;border-radius:15px;background:linear-gradient(110deg,#ffe880,#ffb609);color:#211701;box-shadow:0 8px 30px #ffb00020}
.ref-rate strong{font-size:38px;letter-spacing:-2px;line-height:1}.ref-rate span{font-size:11px;font-weight:750;line-height:1.4}
.ref-bee{position:absolute;width:195px;right:10px;bottom:21px;filter:drop-shadow(0 20px 23px #fbb70035);animation:ref-float 5s ease-in-out infinite;z-index:1}
.ref-coin{position:absolute;background:linear-gradient(135deg,#fff1a2,#ffc32c 60%,#b57800);border:3px solid #ffe077;border-radius:50%;width:42px;height:42px;text-align:center;line-height:36px;color:#7b4900;font-weight:900;font-size:24px;box-shadow:0 6px 20px #0006;animation:ref-float 4s ease-in-out infinite}
.ref-coin-one{right:164px;bottom:21px;transform:rotate(-16deg)}.ref-coin-two{right:14px;top:36px;animation-delay:-2s;width:32px;height:32px;line-height:26px;font-size:18px}
.ref-notice{margin:12px 0;color:#ffda72;font-size:12px;line-height:1.5}.ref-notice:empty{display:none}.ref-notice.error{color:#ffb1a3}
.ref-dashboard{display:grid;gap:12px;margin-top:14px}.ref-card{padding:21px;border-radius:19px;background:linear-gradient(125deg,#2c2212ed,#211b11ed);border:1px solid var(--ref-border);min-width:0}
#panel-referrals h2{font-size:15px;margin:0;font-weight:750;letter-spacing:-.25px}.ref-label{display:block;color:var(--ref-muted);font-size:12px}.ref-money{display:block;font-size:35px;letter-spacing:-1px;line-height:1.3;margin-top:4px}
.ref-balance{display:grid;grid-template-columns:1fr auto;align-items:center;background:radial-gradient(ellipse at 0 0,#6f4c174d,transparent 75%),#251d10}.ref-balance-details{grid-column:1/-1;display:flex;gap:24px;padding-top:14px;margin-top:14px;border-top:1px solid var(--ref-border);font-size:11px;color:var(--ref-muted)}.ref-balance-details b{color:#fbe7b4;margin-left:6px}
#panel-referrals .ref-primary{border:0;background:linear-gradient(115deg,#ffe878,#ffb507);color:#241600;padding:13px 18px;min-height:44px;border-radius:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:18px;box-shadow:0 5px 18px #ffb60015;transition:filter .2s,transform .2s}.ref-primary:hover{filter:brightness(1.08)}.ref-primary:active{transform:scale(.98)}.ref-wide{width:100%;margin-top:12px}
.ref-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.ref-tag{font-size:10px;white-space:nowrap;color:#ffdb64;background:#f6bd1812;border:1px solid #f6bd182b;border-radius:7px;padding:5px 8px}
.ref-link-row{display:flex;gap:8px}.ref-link-row input{min-width:0;flex:1;font-size:12px!important}.ref-copy{width:46px;flex-shrink:0;border:1px solid #9a741e;background:#64451333;color:#ffd863;border-radius:10px}.ref-copy svg{width:20px;height:20px;vertical-align:middle}
#panel-referrals input{width:100%;background:#16120b;border:1px solid #655123;border-radius:10px;min-height:45px;padding:11px 12px;color:#fff0cd;box-shadow:none;box-sizing:border-box}
.ref-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:9px 0}.ref-stats>div{text-align:center;border-right:1px solid var(--ref-border)}.ref-stats>div:last-child{border:0}.ref-stats strong{display:block;font-size:23px;color:#ffd354}.ref-stats span{font-size:10px;color:var(--ref-muted)}
.ref-calculator{display:flex;justify-content:space-between;align-items:center;gap:18px}.ref-calculator p{margin-bottom:0!important}.ref-calc-row{display:flex;gap:12px;align-items:center;white-space:nowrap;color:#bdac84}.ref-calc-row label{position:relative;width:112px}.ref-calc-row input{padding-right:38px!important}.ref-calc-row label span{position:absolute;right:10px;top:16px;font-size:10px}.ref-calc-row output{color:#ffd450;font-size:23px;font-weight:850;min-width:86px}
.ref-rules summary,.ref-admin summary{cursor:pointer;font-size:14px;font-weight:700;list-style:none}.ref-rules summary{display:flex;justify-content:space-between}.ref-rules summary span{color:#ffd450}.ref-rules li{font-size:12px;color:var(--ref-muted);line-height:1.7;margin:10px 0}.ref-rules ol{padding-left:18px}.ref-rules p{font-size:11px!important;margin-bottom:0!important}
.ref-history-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #ffe09512;font-size:12px}.ref-history-row:last-child{border:0;padding-bottom:0}.ref-history-row small{display:block;color:#b5a680;font-size:10px;margin-top:5px}.ref-history-row b{color:#ffe07a;white-space:nowrap}.ref-empty{font-size:12px;color:#b5a680;padding-top:18px;line-height:1.5}
.ref-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ref-form-grid label{font-size:11px;color:var(--ref-muted)}.ref-form-grid input{margin-top:6px}.ref-full{grid-column:1/-1}.ref-small{font-size:11px!important}.ref-close{border:0;background:transparent;color:#d9caa5;font-size:26px!important;padding:0 8px}.ref-admin-item{padding:14px 0;border-top:1px solid var(--ref-border);font-size:12px;line-height:1.7;overflow-wrap:anywhere}.ref-admin-actions{display:flex;gap:8px}.ref-secondary{border:1px solid #816021;background:#332713;color:#ffe1a0;border-radius:10px;padding:9px 12px;min-height:44px}.ref-admin-confirm{border:1px solid #e9b13b;border-radius:12px;padding:12px;margin-top:12px}
@keyframes ref-float{50%{translate:0 -9px}}
@media(max-width:600px){.tabs.tabs-7{display:flex;overflow-x:auto;scrollbar-width:none;gap:3px;padding:5px}.tabs.tabs-7 .tab{min-width:55px;flex:1 0 55px;padding:8px 3px}.tabs.tabs-7 .tab span{font-size:9px}.tabs.tabs-7 .tab .icon{width:17px;height:17px}.ref-hero{padding:21px 18px;min-height:259px;border-radius:19px}.ref-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:14px}.ref-hero h1{font-size:25px}.ref-hero p{font-size:11px!important;max-width:210px;margin-top:12px!important}.ref-bee{width:115px;right:-2px;bottom:15px}.ref-coin-one{width:26px;height:26px;line-height:21px;font-size:16px;right:86px;bottom:16px;border-width:2px}.ref-coin-two{display:none}.ref-rate{padding:10px 12px;gap:10px;margin-top:6px}.ref-rate strong{font-size:31px}.ref-rate span{font-size:9px}.ref-card{padding:16px;border-radius:16px}.ref-dashboard{gap:10px}.ref-money{font-size:29px}.ref-balance-details{gap:14px;font-size:9px;justify-content:space-between}.ref-balance-details b{margin-left:3px}.ref-calculator{display:block}.ref-calc-row{margin-top:13px;justify-content:space-between}.ref-calc-row label{width:45%}.ref-calc-row output{font-size:25px}.ref-tag{font-size:9px;padding:4px 6px}#panel-referrals h2{font-size:14px}#panel-referrals .ref-primary{font-size:12px;padding:12px 14px}.ref-link-row input{font-size:10px!important}.ref-stats strong{font-size:21px}.ref-section-heading{gap:6px}}
@media(max-width:360px){.ref-bee{width:80px;right:-1px;bottom:20px}.ref-coin-one{display:none}.ref-rate{position:relative;z-index:2}.ref-hero h1{font-size:23px}.ref-section-heading h2{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.ref-bee,.ref-coin{animation:none}#panel-referrals *{scroll-behavior:auto;transition:none}}