.referral-page{min-height:100vh;background:#f3f7fc;color:#0a1830;padding:0 28px 80px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.referral-header{max-width:1240px;margin:auto;height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6e0ec}.referral-brand{display:flex;align-items:center;gap:12px;color:#07152a;text-decoration:none;font-weight:900}.referral-brand>b{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#1f78f2,#7139ed);color:#fff}.referral-brand em{color:#22a8ef;font-style:normal}.referral-header nav{display:flex;gap:8px}.referral-header nav a{padding:10px 14px;border:1px solid #c8d5e4;border-radius:10px;color:#2c3d54;text-decoration:none;font-weight:700}.referral-header nav a.active{background:#173d77;color:#fff;border-color:#173d77}.referral-hero{max-width:1240px;margin:56px auto 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.referral-hero>div:first-child{max-width:800px}.referral-hero span,.referral-panel__title span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#56708f}.referral-hero h1{font-size:clamp(32px,4vw,56px);line-height:1.05;margin:12px 0 16px;max-width:880px}.referral-hero p{font-size:17px;color:#60748d;line-height:1.7}.referral-hero__badge{flex:0 0 245px;padding:24px;border-radius:22px;background:#07172b;color:#fff;box-shadow:0 22px 50px rgba(13,44,85,.2)}.referral-hero__badge small,.referral-hero__badge span{display:block;color:#8ca5c1}.referral-hero__badge strong{display:block;font-size:34px;margin:8px 0}.referral-link-card,.referral-panel,.referral-status{max-width:1240px;margin:0 auto 18px;border:1px solid #d4dfec;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(23,52,86,.07)}.referral-status{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:#597089}.payout-panel form button,.referral-link-box button,.referral-status button{border:0;border-radius:10px;background:linear-gradient(100deg,#2879f6,#743af2);color:#fff;padding:12px 18px;font-weight:900;cursor:pointer}.referral-link-card{padding:24px;display:grid;grid-template-columns:260px 1fr;grid-gap:18px 28px;gap:18px 28px}.referral-link-card>div:first-child strong{display:block;font-size:29px;letter-spacing:.1em;margin:8px 0}.referral-link-card p{font-size:13px;color:#657990;line-height:1.5;margin:0}.referral-link-box{display:flex;gap:10px;align-self:center}.referral-link-box input{min-width:0;flex:1 1;padding:13px 14px;border:1px solid #c8d5e5;border-radius:10px;background:#f7faff;color:#263b55}.referral-share{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap}.referral-share button{border:1px solid #bfd0e3;border-radius:9px;background:#f6f9fd;color:#22476f;padding:9px 14px;font-weight:800;cursor:pointer}.referral-stat-grid{max-width:1240px;margin:0 auto 18px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:12px;gap:12px}.referral-stat-grid article{padding:18px;border:1px solid #d6e1ed;border-radius:16px;background:#fff}.referral-stat-grid article.accent{background:linear-gradient(135deg,#e8fff6,#eaf4ff);border-color:#83d6b5}.referral-stat-grid small,.referral-stat-grid span{display:block;color:#6a7e96;font-size:12px}.referral-stat-grid strong{display:block;margin:9px 0;font-size:22px}.referral-two-column{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);grid-gap:18px;gap:18px}.referral-panel{padding:0;overflow:hidden}.referral-panel__title{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #dbe4ef}.referral-panel__title h2{margin:5px 0 0;font-size:24px}.referral-panel__title>b{display:grid;place-items:center;min-width:38px;height:32px;border-radius:999px;background:#edf3fb;color:#355170}.referral-table-wrap{overflow:auto}.referral-panel table{width:100%;border-collapse:collapse;min-width:580px}.referral-panel th{padding:12px 16px;background:#edf3f9;color:#55708c;text-align:left;font-size:11px;letter-spacing:.08em}.referral-panel td{padding:14px 16px;border-top:1px solid #e0e8f1;color:#334a65;font-size:13px}.referral-panel td small,.referral-panel td strong{display:block}.referral-panel td small{margin-top:3px;color:#788a9d}.commission-status,.ref-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900}.ref-status.converted,.status-available,.status-paid{background:#d9f8e7;color:#087244}.ref-status.registered,.status-pending,.status-requested{background:#fff0c9;color:#9b6500}.status-approved,.status-processing{background:#dfeaff;color:#245dc0}.status-rejected{background:#ffe0e0;color:#b31926}.payout-panel{padding-bottom:22px}.payout-balance{margin:20px 22px;padding:18px;border-radius:15px;background:#07172b;color:#fff}.payout-balance small,.payout-balance span{display:block;color:#8ca3bd}.payout-balance strong{display:block;font-size:30px;margin:8px 0}.payout-panel form{display:grid;grid-gap:12px;gap:12px;padding:0 22px}.payout-panel label{display:grid;grid-gap:6px;gap:6px;color:#496078;font-size:12px;font-weight:800}.payout-panel input,.payout-panel select{width:100%;box-sizing:border-box;padding:12px;border:1px solid #c8d6e5;border-radius:10px;background:#f9fbfe;color:#172a42}.payout-panel form button:disabled{background:#aebccd;cursor:not-allowed}.commission-panel,.withdrawal-history{margin-top:18px}.referral-page[data-theme=dark],html[data-theme=dark] .referral-page{background:#06111f;color:#eef6ff}.referral-page[data-theme=dark] .referral-header,html[data-theme=dark] .referral-header{border-color:#1b3047}.referral-page[data-theme=dark] .referral-brand,html[data-theme=dark] .referral-brand{color:#fff}.referral-page[data-theme=dark] .referral-link-card,.referral-page[data-theme=dark] .referral-panel,.referral-page[data-theme=dark] .referral-stat-grid article,.referral-page[data-theme=dark] .referral-status,html[data-theme=dark] .referral-link-card,html[data-theme=dark] .referral-panel,html[data-theme=dark] .referral-stat-grid article,html[data-theme=dark] .referral-status{background:#0a192b;border-color:#203751;color:#eef6ff}.referral-page[data-theme=dark] .referral-panel td,html[data-theme=dark] .referral-panel td{border-color:#1c334b;color:#c7d6e6}.referral-page[data-theme=dark] .referral-panel th,html[data-theme=dark] .referral-panel th{background:#102238;color:#90a7bf}.referral-page[data-theme=dark] input,.referral-page[data-theme=dark] select,html[data-theme=dark] .referral-page input,html[data-theme=dark] .referral-page select{background:#071423;border-color:#27415d;color:#eaf3ff}@media(max-width:1000px){.referral-stat-grid{grid-template-columns:repeat(3,1fr)}.referral-two-column{grid-template-columns:1fr}}@media(max-width:680px){.referral-page{padding:0 14px 50px}.referral-header{height:auto;padding:16px 0;align-items:flex-start;gap:14px}.referral-header nav{flex-wrap:wrap;justify-content:flex-end}.referral-hero{align-items:stretch;flex-direction:column;margin-top:34px}.referral-hero__badge{flex:auto}.referral-link-card{grid-template-columns:1fr}.referral-link-box{flex-direction:column}.referral-share{grid-column:auto}.referral-stat-grid{grid-template-columns:repeat(2,1fr)}}.referral-two-column{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.referral-two-column>.payout-panel,.referral-two-column>.referral-panel:first-child{min-width:0;width:100%}@media(min-width:1001px){.referral-two-column>.referral-panel:first-child .referral-table-wrap{min-height:350px}}@media(max-width:1000px){.referral-two-column{grid-template-columns:1fr}.referral-two-column>.referral-panel:first-child .referral-table-wrap{min-height:0}}html[data-theme=light] .referral-page{background:#f3f7fc!important;color:#0a1830!important}html[data-theme=light] .referral-page .referral-brand,html[data-theme=light] .referral-page b,html[data-theme=light] .referral-page h1,html[data-theme=light] .referral-page h2,html[data-theme=light] .referral-page strong{color:#0a1830!important}html[data-theme=light] .referral-page .referral-hero p,html[data-theme=light] .referral-page .referral-link-card p,html[data-theme=light] .referral-page .referral-panel td small,html[data-theme=light] .referral-page .referral-stat-grid small,html[data-theme=light] .referral-page .referral-stat-grid span,html[data-theme=light] .referral-page .referral-status{color:#5c7189!important}html[data-theme=light] .referral-page .referral-link-card,html[data-theme=light] .referral-page .referral-panel,html[data-theme=light] .referral-page .referral-stat-grid article,html[data-theme=light] .referral-page .referral-status{background:#fff!important;border-color:#d4dfec!important;color:#0a1830!important}html[data-theme=light] .referral-page .referral-stat-grid article.accent{background:linear-gradient(135deg,#e8fff6,#eaf4ff)!important;border-color:#83d6b5!important}html[data-theme=light] .referral-page .payout-balance,html[data-theme=light] .referral-page .referral-hero__badge{background:#07172b!important;border-color:#1d3653!important;color:#fff!important}html[data-theme=light] .referral-page .payout-balance b,html[data-theme=light] .referral-page .payout-balance strong,html[data-theme=light] .referral-page .referral-hero__badge b,html[data-theme=light] .referral-page .referral-hero__badge strong{color:#fff!important;-webkit-text-fill-color:#fff!important}html[data-theme=light] .referral-page .payout-balance small,html[data-theme=light] .referral-page .payout-balance span,html[data-theme=light] .referral-page .referral-hero__badge small,html[data-theme=light] .referral-page .referral-hero__badge span{color:#9bb2cc!important;-webkit-text-fill-color:#9bb2cc!important}html[data-theme=light] .referral-page .referral-panel th{background:#edf3f9!important;color:#506b87!important}html[data-theme=light] .referral-page .referral-panel td{color:#263d57!important;border-color:#e0e8f1!important}html[data-theme=light] .referral-page input,html[data-theme=light] .referral-page select{background:#fff!important;color:#172a42!important;border-color:#c8d6e5!important;-webkit-text-fill-color:#172a42!important}html[data-theme=light] .referral-page input::placeholder{color:#7a8da3!important;opacity:1!important}html[data-theme=light] .referral-page button{-webkit-text-fill-color:currentColor}html[data-theme=light] .referral-page .payout-panel form button,html[data-theme=light] .referral-page .referral-link-box button,html[data-theme=light] .referral-page .referral-status button{color:#fff!important;-webkit-text-fill-color:#fff!important}html[data-theme=light] .referral-page .referral-share button{background:#f6f9fd!important;color:#22476f!important;-webkit-text-fill-color:#22476f!important}html[data-theme=light] .referral-page .referral-panel__title>b{background:#edf3fb!important;color:#355170!important}