@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#05040b;--panel:#0d0c16;--panel2:#141122;--text:#f8f6ff;--muted:#9d99ae;--purple:#7b2cff;--pink:#d61cff;--orange:#ff6b2c;--line:#272136;--grad:linear-gradient(135deg,#6121ff 0%,#c51fff 48%,#ff7132 100%)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0%,#21103b 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{padding:25px 18px;border-right:1px solid var(--line);background:rgba(4,3,10,.85);position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin:0 8px 25px}.brand-mark{width:42px;height:42px;border-radius:14px;background:var(--grad);display:grid;place-items:center;font-size:25px;font-weight:900;box-shadow:0 0 25px #7b2cff55}.brand b{font-size:18px}.brand b span{color:#ff7b37}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.owner{padding:14px;border:1px solid #7b2cff66;border-radius:16px;background:linear-gradient(135deg,#17102b,#0d0a17);display:flex;gap:11px;align-items:center;margin-bottom:22px}.avatar,.mini-avatar,.profile-avatar{background:var(--grad);border-radius:50%;display:grid;place-items:center;font-weight:800}.avatar{width:38px;height:38px}.owner small{color:var(--muted);display:block;font-size:10px}.owner strong{font-size:13px}nav{display:grid;gap:6px}nav button{border:0;background:transparent;color:#a9a4b7;padding:12px;border-radius:12px;text-align:left;font:inherit;cursor:pointer;display:flex;gap:12px;align-items:center}nav button:hover,nav button.active{background:linear-gradient(90deg,#7b2cff2b,#ff6b2c10);color:#fff;box-shadow:inset 3px 0 #8c42ff}nav button:first-letter{color:#c96dff}.security-note{position:absolute;bottom:22px;color:#bbb4c8;font-size:11px;line-height:1.7;padding:0 8px}.security-note small{color:#686276}main{padding:28px 34px;max-width:1500px;width:100%;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2px;color:#9b92a9}.topbar h1{font-size:23px;margin:5px 0 0}.top-actions{display:flex;gap:9px;align-items:center}.icon-btn{width:40px;height:40px;border-radius:12px;background:#12101c;border:1px solid var(--line);color:#fff}.mini-avatar{width:40px;height:40px}.page{display:none}.page.active{display:block}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.balance-card,.reward-card,.panel,.form-card,.scan-card,.profile-card,.reward-big{background:linear-gradient(145deg,#141021,#0b0912);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 55px #0007}.balance-card{padding:25px;min-height:215px;background:linear-gradient(135deg,#4314b8,#8b20cc 50%,#ff6231)}.balance-card>div:first-child{display:flex;justify-content:space-between}.balance-card span,.reward-card span,.reward-big span{font-size:12px;opacity:.8}.balance-card strong{display:block;font-size:40px;margin:20px 0 6px}.balance-card small{opacity:.8}.eye{border:0;background:#ffffff22;color:#fff;border-radius:50%;width:35px;height:35px}.balance-actions{display:flex;gap:9px;margin-top:22px}.balance-actions button,.primary{border:0;border-radius:12px;padding:12px 17px;background:#fff;color:#291238;font-weight:800;cursor:pointer}.balance-actions button+button{background:#ffffff22;color:#fff}.reward-card{padding:25px;position:relative;overflow:hidden}.reward-card strong{display:block;font-size:33px;margin-top:20px}.reward-card small{color:var(--muted)}.gift{position:absolute;right:25px;bottom:20px;font-size:58px;filter:drop-shadow(0 0 20px #ff6b2c)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0 13px}.section-title h2{font-size:16px;margin:0}.section-title span,.link{color:#b6adca;font-size:12px}.link{background:none;border:0;cursor:pointer}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.quick-grid button,.service-grid button,.chips button{background:#100e1b;color:#eee;border:1px solid var(--line);padding:15px 8px;border-radius:15px;cursor:pointer}.quick-grid i{display:block;font-style:normal;background:var(--grad);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;margin:auto auto 8px}.quick-grid button{font-size:11px}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:17px}.panel{padding:20px}.txn{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #1d1927}.txn:last-child{border-bottom:0}.txn-left{display:flex;gap:11px;align-items:center}.txn-icon{width:38px;height:38px;border-radius:12px;background:#191525;display:grid;place-items:center}.txn b{font-size:12px}.txn small{display:block;color:#817b90;font-size:10px;margin-top:4px}.sent{color:#ff8073}.received{color:#50e49b}.promo{display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#21143a,#110d18)}.promo-icon{font-size:34px}.promo p{color:#9b95a8;font-size:11px;margin:6px 0}.promo button{margin-left:auto;background:var(--grad);color:white;border:0;border-radius:10px;padding:10px 13px}.form-card,.scan-card,.profile-card,.reward-big{padding:28px;max-width:620px}.form-card h2,.scan-card h2{margin-top:0}.form-card p,.scan-card p,.profile-card p{color:var(--muted)}label{display:block;font-size:11px;color:#aaa2b6;margin:16px 0}input{display:block;width:100%;margin-top:7px;background:#080711;color:white;border:1px solid #2c2639;border-radius:12px;padding:14px;outline:none}input:focus{border-color:#913cff;box-shadow:0 0 0 3px #913cff22}.primary{width:100%;background:var(--grad);color:white;margin-top:10px}.msg{margin-top:12px;color:#74efaa;font-size:12px}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.qr{width:230px;height:230px;margin:25px auto;display:grid;place-items:center;font-size:170px;background:white;color:#05040b;border:15px solid #fff;box-shadow:0 0 40px #8b3dff88}.scan-card{text-align:center}.scan-card .primary{max-width:300px;margin:20px auto}.reward-big{max-width:900px;background:var(--grad)}.reward-big strong{display:block;font-size:42px;margin-top:10px}.reward-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:25px}.reward-grid button{background:#140e20cc;color:#fff;border:1px solid #ffffff2b;border-radius:15px;padding:18px;text-align:left}.profile-card{text-align:center}.profile-avatar{width:100px;height:100px;margin:auto;font-size:28px}.list{text-align:left;margin-top:25px}.list div,.setting{display:flex;justify-content:space-between;padding:16px;border-bottom:1px solid var(--line);font-size:12px}.toggle{width:35px;height:20px;background:#37313f;border-radius:20px;display:inline-block}.toggle.on{background:#8d36ff}.toggle.on:after{content:"";display:block;background:#fff;width:16px;height:16px;border-radius:50%;margin:2px 2px 2px 17px}@media(max-width:1000px){.app-shell{grid-template-columns:80px 1fr}.sidebar{padding:18px 10px}.brand div:last-child,.owner div:last-child,nav span,.security-note{display:none}.brand{justify-content:center}.owner{justify-content:center}.quick-grid{grid-template-columns:repeat(3,1fr)}.hero-grid,.content-grid{grid-template-columns:1fr}}@media(max-width:650px){.app-shell{display:block}.sidebar{height:auto;position:sticky;bottom:0;top:auto;z-index:5;border-right:0;border-top:1px solid var(--line);padding:8px;background:#090711f2}.brand,.owner{display:none}nav{display:flex;justify-content:space-around}nav button{padding:8px;font-size:18px}nav button.active{box-shadow:inset 0 3px #8c42ff}.sidebar nav button:nth-child(n+6){display:none}main{padding:18px}.topbar h1{font-size:18px}.hero-grid,.content-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}.reward-grid{grid-template-columns:repeat(2,1fr)}}