@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif}.app{min-height:100vh;background:#f5f7fb;color:#111827;display:flex}.dark{background:#080c18;color:#e8edf8}.sidebar{width:255px;background:#fff;border-right:1px solid #e7eaf0;position:fixed;inset:0 auto 0 0;padding:22px 15px;display:flex;flex-direction:column;z-index:20}.dark .sidebar{background:#0d1221;border-color:#1c2436}.brand{display:flex;align-items:center;gap:11px;padding:2px 9px 25px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#6d5dfc,#8e7dff);color:#fff}.brand strong{display:block;font-size:16px}.brand span,.profile-mini span{display:block;color:#8993a7;font-size:11px;margin-top:2px}.close-mobile{display:none;margin-left:auto}.profile-mini{display:flex;align-items:center;gap:10px;padding:12px 10px;margin-bottom:17px;border:1px solid #edf0f5;border-radius:15px}.dark .profile-mini{border-color:#1d2638}.avatar,.top-avatar{display:grid;place-items:center;border-radius:50%;background:#e9e6ff;color:#5a4cf0;font-weight:800}.avatar{width:36px;height:36px;font-size:12px}.nav-item{border:0;background:transparent;color:#737d91;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:11px;cursor:pointer;text-align:left;width:100%;font-weight:600;font-size:13px}.dark .nav-item{color:#8e99ae}.nav-item:hover{background:#f4f5f9}.dark .nav-item:hover{background:#151b2b}.nav-item.active{background:#eeecff;color:#5a4cf0}.dark .nav-item.active{background:#211e46;color:#bcb5ff}.nav-dot{width:5px;height:5px;background:#6d5dfc;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.secure-card{display:flex;gap:9px;padding:12px;margin-bottom:8px;border-radius:14px;background:#f7f7fb;color:#6255e9}.dark .secure-card{background:#13192a}.secure-card strong{display:block;font-size:11px}.secure-card span{display:block;font-size:10px;color:#8b94a7;margin-top:3px}.main{margin-left:255px;width:calc(100% - 255px);min-height:100vh}.topbar{height:72px;border-bottom:1px solid #e8ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fffc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}.dark .topbar{background:#080c18cc;border-color:#1a2233}.breadcrumb{display:flex;align-items:center;gap:7px;font-size:12px;color:#9099aa}.breadcrumb strong{color:#242b38}.dark .breadcrumb strong{color:#e7ebf4}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:38px;height:38px;border:1px solid #e8ebf1;background:#fff;border-radius:11px;display:grid;place-items:center;color:#5f687a;cursor:pointer;position:relative}.dark .icon-btn{background:#111726;border-color:#222b3d;color:#aeb7c8}.notification i{position:absolute;right:7px;top:7px;width:6px;height:6px;background:#6d5dfc;border-radius:50%;border:2px solid white}.dark .notification i{border-color:#111726}.top-avatar{width:35px;height:35px;font-size:11px}.mobile-menu{display:none}.content{max-width:1120px;margin:auto;padding:38px 34px 60px}.hero{border-radius:26px;padding:35px 38px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;background:radial-gradient(circle at 85% 15%,#6d5dfc 0,#322b86 25%,#151a38 70%);color:#fff}.eyebrow{display:flex;align-items:center;gap:7px;color:#9c92ff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.hero .eyebrow{color:#d0cbff}.hero h1{font-size:39px;line-height:1.05;margin:13px 0 12px;letter-spacing:-.04em}.hero h1 span{color:#bdb5ff}.hero p{max-width:510px;color:#c8cce1;line-height:1.6;font-size:13px}.hero-actions{display:flex;gap:10px;margin-top:23px}.primary,.secondary{border:0;border-radius:11px;padding:11px 15px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;font-size:12px}.primary{background:#7163ff;color:#fff}.secondary{background:#ffffff12;color:#fff;border:1px solid #ffffff1f}.hero-orb{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff20;margin-right:30px}.orb-inner{text-align:center}.orb-inner svg{display:block;margin:0 auto 9px;color:#d6d1ff}.orb-inner strong{display:block;font-size:25px}.orb-inner span{font-size:10px;color:#c6c9dc}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.stat{padding:18px;border:1px solid #e8ebf1;border-radius:18px;background:#fff}.dark .stat,.dark .panel,.dark .quick,.dark .searchbox,.dark .setting{background:#101625;border-color:#1e2739}.stat-icon,.quick-icon,.setting-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;background:#eeecff;color:#6557ef;margin-bottom:14px}.stat span{display:block;color:#818b9d;font-size:11px}.stat strong{display:block;font-size:25px;margin-top:5px}.stat small{display:block;color:#7d8799;font-size:10px;margin-top:4px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:30px 2px 13px}.section-head h2{font-size:17px;margin:0}.section-head p,.page-title p{margin:5px 0 0;color:#8a94a7;font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick{border:1px solid #e8ebf1;background:#fff;border-radius:16px;padding:15px;display:flex;align-items:center;gap:12px;text-align:left;color:inherit;cursor:pointer}.quick-icon{margin:0;flex:none}.quick strong{display:block;font-size:12px}.quick span{display:block;color:#8a94a7;font-size:10px;margin-top:4px}.quick>svg{margin-left:auto;color:#a0a8b8}.recent-head{margin-top:32px}.text-btn{border:0;background:transparent;color:#6557ef;font-size:11px;font-weight:700;display:flex;align-items:center;gap:2px;cursor:pointer}.panel{border:1px solid #e8ebf1;background:#fff;border-radius:18px;padding:4px 16px}.transaction{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #edf0f4}.dark .transaction{border-color:#1c2536}.transaction:last-child{border-bottom:0}.tx-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;flex:none}.tx-icon.reward{background:#e9f8ee;color:#24904d}.tx-icon.payment{background:#edf0ff;color:#5d51dc}.tx-icon.topup{background:#fff3e6;color:#b66a19}.tx-copy{flex:1}.tx-copy strong{display:block;font-size:11px}.tx-copy span{display:block;color:#8a94a7;font-size:10px;margin-top:3px}.transaction>strong{font-size:12px}.positive{color:#19924c}.more{color:#9aa2b1}.page-title{margin-bottom:22px}.page-title h1{font-size:30px;margin:0}.wallet-card,.reward-banner,.ref-card{border-radius:20px;background:linear-gradient(135deg,#24205a,#6d5dfc);color:#fff;padding:26px;display:flex;align-items:center;justify-content:space-between}.wallet-card span{display:block;font-size:11px;color:#d2cff0}.wallet-card strong{display:block;font-size:37px;margin:7px 0}.wallet-card small{font-size:10px;color:#c4c2d9}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.muted{color:#8a94a7;font-size:10px}.reward-banner{margin-bottom:17px}.reward-banner h2{font-size:30px;margin:9px 0 5px}.reward-banner p{font-size:11px;color:#d7d5ea}.rate-pill{background:#ffffff1c;border:1px solid #ffffff2c;border-radius:100px;padding:10px 14px;font-size:11px;font-weight:800}.searchbox{height:48px;background:#fff;border:1px solid #e8ebf1;border-radius:14px;display:flex;align-items:center;gap:9px;padding:0 14px;margin-bottom:13px;color:#8993a7}.searchbox input{border:0;outline:0;background:transparent;color:inherit;width:100%;font-size:12px}.ref-card{display:block;max-width:650px}.ref-icon{width:45px;height:45px;border-radius:14px;background:#ffffff18;display:grid;place-items:center;margin-bottom:18px}.ref-card h2{font-size:24px;margin:0 0 8px}.ref-card p{color:#d6d4e9;font-size:11px;line-height:1.6}.ref-code{margin-top:20px;background:#fff;color:#222;border-radius:13px;padding:7px 8px 7px 13px;display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:12px}.ref-code button{border:0;background:#6d5dfc;color:#fff;border-radius:9px;padding:9px 11px;display:flex;gap:6px;align-items:center;cursor:pointer;font-size:11px}.setting{width:100%;border:1px solid #e8ebf1;background:#fff;padding:14px;display:flex;align-items:center;gap:12px;color:inherit;cursor:pointer;border-bottom:0;text-align:left}.setting:first-child{border-radius:14px 14px 0 0}.setting:last-child{border-bottom:1px solid #e8ebf1;border-radius:0 0 14px 14px}.setting-icon{margin:0;flex:none}.setting div:nth-child(2){flex:1}.setting strong{display:block;font-size:12px}.setting span{display:block;color:#8993a7;font-size:10px;margin-top:4px}.empty{text-align:center;padding:45px;color:#8a94a7;font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050814b8;display:grid;place-items:center;padding:20px;z-index:50}.modal{background:#fff;color:#161b27;max-width:390px;width:100%;border-radius:22px;padding:28px;position:relative}.dark .modal{background:#111827;color:#eef2fb}.modal-close{position:absolute;right:13px;top:13px;border:0;background:transparent;color:#8993a7;cursor:pointer}.modal-icon{width:47px;height:47px;border-radius:14px;background:#eeecff;color:#6355ef;display:grid;place-items:center}.modal h2{margin:17px 0 7px;font-size:21px}.modal p{font-size:11px;line-height:1.65;color:#7d8799}.full{width:100%;justify-content:center;margin-top:8px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#111827;color:#fff;border:1px solid #273147;border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:7px;font-size:11px;z-index:80}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:translate(0)}.close-mobile{display:grid}.main{margin-left:0;width:100%}.mobile-menu{display:grid}.topbar{padding:0 16px}.content{padding:25px 16px 50px}.hero{padding:27px 24px}.hero-orb{width:135px;height:135px;margin-right:0}.stats-grid,.quick-grid{grid-template-columns:1fr}}@media(max-width:620px){.hero{display:block}.hero-orb{display:none}.hero h1{font-size:31px}.hero-actions{flex-wrap:wrap}.hero-actions button{flex:1;justify-content:center}.breadcrumb span,.breadcrumb svg{display:none}.content{padding-top:18px}}