@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}body{background:radial-gradient(circle at 82% -12%,rgba(232,200,74,.11),transparent 30rem),radial-gradient(circle at 6% 0%,rgba(34,197,94,.08),transparent 25rem),#080807;overflow-x:hidden}.earn-loading{min-height:60vh;display:flex;align-items:center;justify-content:center;color:#8e8a80;font-size:28px;background:#080807}.earn-console-shell{display:grid!important;grid-template-columns:var(--uc-sidebar-full) minmax(0,1fr)!important;width:min(var(--console-content-max),calc(100% - (var(--layout-x) * 2)))!important;margin:0 auto!important;padding:24px 0 44px!important;gap:22px!important;align-items:start;color:#f5f0e8;box-sizing:border-box}.earn-console-shell .uc-sidebar,.earn-console-shell .uc-sidebar.is-full{width:var(--uc-sidebar-full)!important;min-width:var(--uc-sidebar-full)!important;overflow:hidden}.earn-console-shell .uc-sidebar-panel{overflow:auto!important}.earn-page{width:100%;min-width:0}.earn-head{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px;padding:22px 24px;border:1px solid rgba(245,240,232,.1);border-radius:12px;background:linear-gradient(135deg,rgba(242,210,74,.055),transparent 36%),linear-gradient(180deg,#141412,#0e0e0d);box-shadow:0 18px 46px #0000003d,inset 0 1px #ffffff0b;box-sizing:border-box}.earn-head>div:first-child{min-width:0}.earn-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:9px;color:#f2d24a;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.earn-head h1{margin:0;color:#f5f0e8;font-size:30px;line-height:1.08;font-weight:900}.earn-head p{margin:8px 0 0;color:#858179;font-size:13px;line-height:1.55;max-width:760px}.earn-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}.earn-primary,.earn-secondary{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px!important;padding:0 18px;font:inherit;font-size:13px;font-weight:850;text-decoration:none;white-space:nowrap}.earn-primary{min-width:140px;border:0;background:#f2d24a;color:#080808;box-shadow:0 10px 26px #f2d24a29}.earn-secondary{min-width:114px;border:1px solid #2a2a2a;background:#151515;color:#b7b0a2}.earn-gate{padding:58px 24px;border:1px solid rgba(232,200,74,.18);border-radius:12px;background:linear-gradient(135deg,rgba(232,200,74,.09),transparent 38%),#111;text-align:center}.earn-gate i{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:14px;background:#e8c84a1f;color:#f2d24a;font-size:28px;margin-bottom:16px}.earn-gate h2{margin:0;color:#f5f0e8;font-size:22px;font-weight:900}.earn-gate p{margin:10px auto 22px;max-width:520px;color:#858179;font-size:13px;line-height:1.55}.earn-gate .earn-primary{min-width:0;min-height:46px;padding:0 18px 0 16px;border:1px solid rgba(242,210,74,.42);border-radius:9px!important;background:linear-gradient(180deg,#f7dc57,#e7c43c);box-shadow:0 10px 24px #f2d24a29,inset 0 1px #ffffff38;font-size:13px;font-weight:900}.earn-gate .earn-primary i{width:18px;height:18px;margin:0;border:0;border-radius:0;background:transparent;color:#080808;font-size:16px}.earn-gate .earn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 30px #f2d24a33,inset 0 1px #ffffff3d}.earn-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.earn-metric{min-height:112px;padding:16px;border:1px solid #242424;border-radius:10px;background:#111;display:flex;flex-direction:column;justify-content:space-between}.earn-metric span{color:#858179;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.earn-metric strong{color:#f5f0e8;font-size:24px;font-weight:900;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.earn-metric small{color:#858179;font-size:12px;line-height:1.35}.earn-metric.gold strong{color:#f2d24a}.earn-metric.green strong{color:#22c55e}.earn-metric.blue strong{color:#60a5fa}.earn-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.earn-panel{border:1px solid #242424;border-radius:10px;background:#111;overflow:hidden}.earn-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #242424}.earn-panel-kicker{margin-bottom:6px;color:#858179;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.earn-panel h2{margin:0;color:#f5f0e8;font-size:16px;font-weight:900}.earn-panel-head a{color:#f2d24a;text-decoration:none;font-size:12px;font-weight:850}.earn-list{display:flex;flex-direction:column}.earn-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 18px;border-bottom:1px solid #242424}.earn-row:last-child{border-bottom:0}.earn-row i{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#22c55e1a;color:#22c55e}.earn-row strong{display:block;color:#f5f0e8;font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.earn-row small{display:block;margin-top:3px;color:#858179;font-size:11px}.earn-amount{font-size:13px;font-weight:900;white-space:nowrap;color:#22c55e}.earn-state{padding:42px 18px;text-align:center;color:#858179;font-size:13px}.earn-pill{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:999px;background:#151515;border:1px solid #2a2a2a;color:#8e8a80;font-size:10px;font-weight:900}.earn-pill.done{background:#102417;border-color:#1d6538;color:#22c55e}.earn-pill.open{background:#2b2510;border-color:#806c16;color:#f2d24a}@media (max-width:1040px){.earn-console-shell{grid-template-columns:1fr}.earn-console-shell .uc-sidebar{position:static;max-height:none}.earn-console-shell .uc-sidebar-panel{max-height:none}.earn-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.earn-grid{grid-template-columns:1fr}}@media (max-width:720px){.earn-console-shell{width:min(100%,calc(100% - (var(--layout-x) * 2)));padding:24px 0 44px;display:block}.earn-head{flex-direction:column}.earn-head-actions{width:100%}.earn-primary,.earn-secondary{flex:1}.earn-metrics{grid-template-columns:1fr}.earn-row{grid-template-columns:34px minmax(0,1fr)}.earn-amount,.earn-pill{grid-column:2;justify-self:start}}
