*,:after,:before{box-sizing:border-box;margin:0;padding:0}.ref-portal{min-height:100vh;background:#0a0a0a;color:#f5f1e8;font-family:Inter,sans-serif}.ref-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(11,11,12,.95);border-bottom:1px solid rgba(212,175,55,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:0 28px;height:60px;display:flex;align-items:center;justify-content:space-between}.ref-header-logo{height:32px;object-fit:contain}.ref-header-right{display:flex;align-items:center;gap:14px}.ref-header-user{font-size:13px;color:#686258}.ref-signout-btn{background:none;border:1px solid rgba(212,175,55,.3);color:#d4af37;padding:5px 14px;border-radius:20px;cursor:pointer;font-size:12px;transition:all .2s}.ref-signout-btn:hover{background:rgba(212,175,55,.1)}.ref-layout{display:flex;min-height:calc(100vh - 60px)}.ref-sidebar{width:220px;flex-shrink:0;background:#111113;border-right:1px solid rgba(212,175,55,.1);padding:24px 0;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:60px;height:calc(100vh - 60px);overflow-y:auto}.ref-sidebar-label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#444;padding:0 20px 10px}.ref-nav-item{display:flex;align-items:center;gap:10px;padding:11px 20px;font-size:14px;color:#888;cursor:pointer;background:none;width:100%;text-align:left;transition:all .15s;border:none;border-left:3px solid transparent}.ref-nav-item:hover{color:#f5f1e8;background:rgba(255,255,255,.03)}.ref-nav-item.active{color:#d4af37;background:rgba(212,175,55,.08);border-left-color:#d4af37;font-weight:500}.ref-nav-icon{font-size:16px;width:20px;text-align:center}.ref-sidebar-divider{height:1px;background:rgba(255,255,255,.06);margin:12px 20px}.ref-main{flex:1 1;padding:32px;max-width:1100px}.ref-page-title{font-family:Georgia,serif;font-size:22px;font-weight:400;color:#f5f1e8;margin-bottom:4px}.ref-page-sub{font-size:13px;color:#686258;margin-bottom:28px}.ref-card{background:#111113;border:1px solid rgba(212,175,55,.12);border-radius:12px;padding:24px;margin-bottom:20px}.ref-card-title{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#686258;margin-bottom:12px}.ref-earnings-hero{background:linear-gradient(135deg,#1a1508,#111113 60%);border:1px solid rgba(212,175,55,.25);border-radius:16px;padding:32px;margin-bottom:20px;position:relative;overflow:hidden}.ref-earnings-hero:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,rgba(212,175,55,.08) 0,transparent 70%);pointer-events:none}.ref-earnings-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#d4af37;margin-bottom:8px}.ref-earnings-amount{font-family:Georgia,serif;font-size:48px;color:#f5f1e8;margin-bottom:4px;line-height:1}.ref-earnings-sub{font-size:13px;color:#686258}.ref-stats-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:20px}.ref-stat-card{background:#111113;border:1px solid rgba(212,175,55,.1);border-radius:12px;padding:20px}.ref-stat-label{font-size:12px;color:#686258;margin-bottom:8px}.ref-stat-value{font-family:Georgia,serif;font-size:28px;color:#d4af37;margin-bottom:2px}.ref-stat-hint{font-size:12px;color:#444}.ref-chart-card{background:#111113;border:1px solid rgba(212,175,55,.12);border-radius:12px;padding:24px;margin-bottom:20px}.ref-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ref-chart-title{font-size:14px;color:#f5f1e8;font-weight:500}.ref-chart-legend{font-size:11px;color:#686258}.ref-chart-svg{width:100%;overflow:visible}.ref-chart-bar{fill:rgba(212,175,55,.7);transition:fill .15s;rx:3}.ref-chart-bar:hover{fill:#d4af37}.ref-chart-label{fill:#686258}.ref-chart-label,.ref-chart-value{font-size:10px;font-family:Inter,sans-serif}.ref-chart-value{fill:#d4af37}.ref-chart-empty{color:#444;font-size:14px;text-align:center;padding:40px}.ref-table-wrapper{border:1px solid rgba(212,175,55,.1);border-radius:10px;overflow:hidden}.ref-table{width:100%;border-collapse:collapse}.ref-table th{background:rgba(212,175,55,.06);color:#686258;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:12px 16px;text-align:left}.ref-table td{padding:13px 16px;font-size:13px;color:#c8c0b0;border-bottom:1px solid rgba(255,255,255,.04)}.ref-table tbody tr:last-child td{border-bottom:none}.ref-table tbody tr:hover td{background:rgba(255,255,255,.02)}.ref-table-amount{color:#68d391;font-weight:600}.ref-table-empty{text-align:center;color:#444;padding:40px 16px;font-size:13px}.ref-pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.ref-pill-active{background:rgba(104,211,145,.12);color:#68d391;border:1px solid rgba(104,211,145,.25)}.ref-pill-inactive{background:rgba(104,100,90,.12);color:#686258;border:1px solid rgba(104,100,90,.2)}.ref-pill-pending{background:rgba(212,175,55,.1);color:#d4af37;border:1px solid rgba(212,175,55,.2)}.ref-pill-paid{background:rgba(104,211,145,.12);color:#68d391;border:1px solid rgba(104,211,145,.25)}.ref-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-family:inherit}.ref-btn-gold{background:#d4af37;color:#0b0b0c}.ref-btn-gold:hover{background:#c4a030}.ref-btn-gold:disabled{opacity:.5;cursor:not-allowed}.ref-btn-outline{background:transparent;border:1px solid rgba(212,175,55,.35);color:#d4af37}.ref-btn-outline:hover{background:rgba(212,175,55,.08)}.ref-btn-sm{padding:5px 12px;font-size:12px}.ref-btn-copy{background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.2);color:#d4af37;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;font-family:inherit}.ref-btn-copy:hover{background:rgba(212,175,55,.18)}.ref-form-group{margin-bottom:16px}.ref-label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#686258;margin-bottom:6px}.ref-input{width:100%;background:#0d0d0f;border:1px solid rgba(212,175,55,.2);border-radius:8px;color:#f5f1e8;padding:10px 14px;font-size:14px;font-family:inherit;transition:border-color .2s}.ref-input:focus{outline:none;border-color:rgba(212,175,55,.5)}.ref-select{width:100%;background:#0d0d0f;border:1px solid rgba(212,175,55,.2);border-radius:8px;color:#f5f1e8;padding:10px 14px;font-size:14px;font-family:inherit}.ref-select:focus{outline:none;border-color:rgba(212,175,55,.5)}.ref-link-box{background:#0d0d0f;border:1px solid rgba(212,175,55,.2);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.ref-link-url{flex:1 1;font-size:13px;color:#d4af37;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-qr-block{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}.ref-qr-img{width:140px;height:140px;border-radius:8px;background:white;padding:4px}.ref-leaderboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px}.ref-leader-card{background:#111113;border:1px solid rgba(212,175,55,.1);border-radius:12px;padding:20px;text-align:center;transition:border-color .2s}.ref-leader-card:hover{border-color:rgba(212,175,55,.25)}.ref-leader-rank{font-size:11px;color:#686258;margin-bottom:10px}.ref-leader-rank-1{color:#d4af37;font-weight:700}.ref-leader-rank-2{color:#a8a9ad;font-weight:700}.ref-leader-rank-3{color:#cd7f32;font-weight:700}.ref-leader-avatar{width:56px;height:56px;border-radius:50%;background:rgba(212,175,55,.1);border:2px solid rgba(212,175,55,.2);display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 10px;object-fit:cover}.ref-leader-name{font-size:14px;font-weight:500;color:#f5f1e8;margin-bottom:4px}.ref-leader-rate{font-size:12px;color:#d4af37}.ref-search-bar{position:relative;margin-bottom:16px}.ref-search-input{width:100%;background:#0d0d0f;border:1px solid rgba(212,175,55,.18);border-radius:8px;color:#f5f1e8;padding:9px 14px 9px 36px;font-size:13px;font-family:inherit}.ref-search-input:focus{outline:none;border-color:rgba(212,175,55,.4)}.ref-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#444;font-size:14px}.ref-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)}.ref-toggle-label{font-size:14px;color:#c8c0b0}.ref-toggle-hint{font-size:12px;color:#686258;margin-top:2px}.ref-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.ref-toggle input{opacity:0;width:0;height:0}.ref-toggle-slider{position:absolute;inset:0;background:#222;border-radius:24px;cursor:pointer;transition:.2s}.ref-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#686258;border-radius:50%;transition:.2s}.ref-toggle input:checked+.ref-toggle-slider{background:rgba(212,175,55,.2)}.ref-toggle input:checked+.ref-toggle-slider:before{transform:translateX(20px);background:#d4af37}.ref-notice{padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:16px;display:flex;gap:10px;align-items:flex-start}.ref-notice-info{background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.2);color:#d4af37}.ref-notice-success{background:rgba(104,211,145,.08);border:1px solid rgba(104,211,145,.2);color:#68d391}.ref-notice-error{background:rgba(220,50,50,.08);border:1px solid rgba(220,50,50,.2);color:#fc8181}.ref-payout-total{font-family:Georgia,serif;font-size:36px;color:#68d391;margin-bottom:4px}.ref-payout-sub{font-size:13px;color:#686258;margin-bottom:20px}.ref-landing{min-height:100vh;background:#0a0a0a;display:flex;flex-direction:column}.ref-landing-hero{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px}.ref-landing-logo{height:48px;margin-bottom:32px}.ref-landing-badge{display:inline-block;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.25);color:#d4af37;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:5px 16px;border-radius:20px;margin-bottom:24px}.ref-landing-h1{font-family:Georgia,serif;font-size:clamp(32px,5vw,56px);color:#f5f1e8;line-height:1.2;max-width:700px;margin-bottom:20px}.ref-landing-h1 span{color:#d4af37}.ref-landing-sub{font-size:17px;color:#888;max-width:520px;line-height:1.7;margin-bottom:36px}.ref-landing-cta{background:#d4af37;color:#0b0b0c;font-size:16px;font-weight:700;padding:14px 36px;border-radius:10px;border:none;cursor:pointer;transition:background .2s;text-decoration:none;display:inline-block;margin-bottom:14px}.ref-landing-cta:hover{background:#c4a030}.ref-landing-login-link{font-size:13px;color:#686258}.ref-landing-login-link a{color:#d4af37;text-decoration:none}.ref-landing-how{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;max-width:800px;width:100%;margin-top:60px}.ref-landing-step{background:#111113;border:1px solid rgba(212,175,55,.1);border-radius:12px;padding:24px;text-align:left}.ref-landing-step-num{font-size:32px;color:rgba(212,175,55,.3);font-family:Georgia,serif;margin-bottom:10px}.ref-landing-step-title{font-size:15px;font-weight:600;color:#f5f1e8;margin-bottom:6px}.ref-landing-step-desc{font-size:13px;color:#686258;line-height:1.6}.ref-login-outer{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.ref-login-card{background:#111113;border:1px solid rgba(212,175,55,.15);border-radius:16px;padding:40px;width:100%;max-width:420px}.ref-login-logo{height:36px;display:block;margin:0 auto 24px}.ref-login-title{font-family:Georgia,serif;font-size:22px;color:#f5f1e8;text-align:center;margin-bottom:6px}.ref-login-sub{font-size:13px;color:#686258;text-align:center;margin-bottom:28px}.ref-login-tabs{display:flex;border-bottom:1px solid rgba(212,175,55,.15);margin-bottom:24px}.ref-login-tab{flex:1 1;padding:10px;background:none;color:#686258;font-size:14px;cursor:pointer;border:none;border-bottom:2px solid transparent;transition:all .15s;font-family:inherit}.ref-login-tab.active{color:#d4af37;border-bottom-color:#d4af37}.ref-login-error{background:rgba(220,50,50,.1);border:1px solid rgba(220,50,50,.2);color:#fc8181;border-radius:8px}.ref-login-error,.ref-login-success{padding:10px 14px;font-size:13px;margin-bottom:14px}.ref-login-success{background:rgba(104,211,145,.1);border:1px solid rgba(104,211,145,.2);color:#68d391;border-radius:8px}.ref-login-support{margin-top:24px;text-align:center;font-size:12px;color:#686258}.ref-login-support a{color:#d4af37;text-decoration:none}.ref-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:16px}.ref-kpi-card{background:#111113;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px 20px 16px;position:relative;overflow:hidden;transition:border-color .2s}.ref-kpi-card:hover{border-color:rgba(212,175,55,.2)}.ref-kpi-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#555;margin-bottom:10px}.ref-kpi-value{font-family:Georgia,serif;font-size:30px;margin-bottom:4px;line-height:1}.ref-kpi-hint{font-size:11px;color:#444}.ref-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:10px;gap:10px}.ref-badge{border-radius:12px;padding:16px 12px;text-align:center;transition:all .2s;border:1px solid transparent}.ref-badge-unlocked{background:rgba(212,175,55,.05);border-color:rgba(212,175,55,.2)}.ref-badge-unlocked:hover{border-color:rgba(212,175,55,.4);background:rgba(212,175,55,.08)}.ref-badge-locked{background:#0d0d0f;border-color:rgba(255,255,255,.05);opacity:.5}.ref-badge-icon{font-size:26px;margin-bottom:8px;line-height:1}.ref-badge-locked .ref-badge-icon{filter:grayscale(1)}.ref-badge-label{font-size:12px;font-weight:600;color:#f5f1e8;margin-bottom:3px}.ref-badge-locked .ref-badge-label{color:#444}.ref-badge-desc{font-size:10px;color:#555;line-height:1.4}@media (max-width:768px){.ref-layout{flex-direction:column}.ref-sidebar{width:100%;height:auto;position:static;flex-direction:row;overflow-x:auto;padding:0;border-right:none;border-bottom:1px solid rgba(212,175,55,.1)}.ref-sidebar-divider,.ref-sidebar-label{display:none}.ref-nav-item{flex-direction:column;gap:4px;padding:12px 16px;font-size:11px;white-space:nowrap;border-left:none;border-bottom:3px solid transparent}.ref-nav-item.active{border-bottom-color:#d4af37;border-left-color:transparent}.ref-main{padding:20px 16px}.ref-kpi-row,.ref-stats-row{grid-template-columns:1fr 1fr}.ref-badge-grid{grid-template-columns:repeat(3,1fr)}.ref-earnings-amount{font-size:36px}.ref-landing-how{grid-template-columns:1fr}.ref-login-card{padding:28px 20px}.ref-leaderboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ref-kpi-row,.ref-stats-row{grid-template-columns:1fr}.ref-badge-grid{grid-template-columns:repeat(2,1fr)}}