:root{--bg:#f4f6f8;--ink:#15181d;--muted:#88909c;--line:#e4e8ed;--navy:#111923;--yellow:#f5bd16;--blue:#2857dd;--green:#12a873;--red:#e94d5b}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.auth{background:radial-gradient(circle at top,#25354a,var(--navy) 55%);place-items:center;min-height:100vh;padding:20px;display:grid}.authCard{background:#fff;border-radius:20px;width:min(420px,100%);padding:24px;box-shadow:0 30px 80px #0008}.logo{align-items:center;gap:13px;display:flex}.logo>span{background:var(--blue);color:#fff;border-radius:15px;place-items:center;width:60px;height:60px;font-size:40px;display:grid}.logo h1{margin:0}.logo small,.fine{color:var(--blue);font-size:10px;font-weight:800}.disclosure{color:#705500;background:#fff7dc;border:1px solid #ecd27b;border-radius:10px;margin:16px 0;padding:11px;font-size:12px}.tabs{border-bottom:1px solid var(--line);margin-bottom:15px;display:flex}.tabs button{color:#888;background:#fff;border:0;flex:1;padding:12px;font-weight:800}.tabs .active{color:#111;border-bottom:2px solid var(--yellow)}form,label{gap:7px;display:grid}label{color:#555;margin:10px 0;font-size:12px;font-weight:700}input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:9px;outline:none;padding:12px}textarea{min-height:120px}.primary{background:var(--yellow);color:#171717;border:0;border-radius:9px;width:100%;padding:13px 16px;font-weight:900}.error{color:var(--red);font-size:12px}.fine{color:#87909b;text-align:center;margin-top:16px}.loading{place-items:center;min-height:100vh;display:grid}.appShell{min-height:100vh;padding-bottom:115px}.appShell>header{z-index:20;border-bottom:1px solid var(--line);background:#fff;align-items:center;height:58px;padding:0 10px;display:flex;position:sticky;top:0}header>div{text-align:center;flex:1;display:grid}header small{color:var(--blue);font-size:8px;font-weight:900}.icon{background:0 0;border:0;width:40px;height:40px}.icon svg{width:21px}.appShell main{width:min(760px,100%);margin:auto;padding:12px}.hero{color:#fff;background:linear-gradient(135deg,#111923,#293647);border-radius:14px;padding:19px;position:relative}.hero .brand{font-weight:900}.hero>span,.tradeTop>span{background:var(--blue);border-radius:99px;padding:5px 8px;font-size:9px;font-weight:900;position:absolute;top:14px;right:14px}.hero h1{margin:22px 0 5px;font-size:23px}.hero p{color:#b7c0cb;margin:0;font-size:12px}.tickers{grid-template-columns:repeat(3,1fr);gap:8px;margin:11px 0;display:grid}.tickers>div{border:1px solid var(--line);background:#fff;border-radius:10px;gap:4px;padding:11px;display:grid}.tickers b{font-size:10px}.tickers strong{font-size:12px}.tickers em{color:var(--green);font-size:10px;font-style:normal}.quick{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(4,1fr);display:grid}.quick.two{grid-template-columns:1fr 1fr;margin:12px 0}.quick button{background:#fff;border:0;place-items:center;gap:5px;padding:14px 5px;font-size:10px;font-weight:800;display:grid}.quick svg{width:22px}.balance,.white,.panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin:12px 0;padding:16px}.balance small{color:var(--muted)}.balance h2{margin:7px 0;font-size:30px}.balance div{justify-content:space-between;font-size:11px;display:flex}.balance em{color:var(--green);font-style:normal;font-weight:900}.cards{grid-template-columns:1fr 1fr;gap:9px;display:grid}.cards button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;gap:5px;padding:15px;display:grid}.cards svg{width:24px}.cards small{color:var(--muted)}.tradeTop{background:var(--navy);color:#fff;border-radius:12px 12px 0 0;padding:15px;position:relative}.tradeTop div{gap:3px;display:grid}.tradeTop strong{color:#43d49a}.chart{background:#0c1219;padding:10px}.chart canvas{width:100%;height:290px;display:block}.chart nav{gap:5px;display:flex}.chart button{color:#8994a2;background:#18222e;border:0;padding:6px 10px}.chart .active{color:var(--yellow)}.signal{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.signal>div{background:#f2f4f6;border-radius:8px;padding:9px;display:grid}.signal small{color:var(--muted);font-size:9px}.signal b{font-size:11px}.directions{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.directions button{border:0;border-radius:8px;padding:12px;font-weight:900}.buy{color:#087a52;background:#dcf7ec}.sell{color:#a72535;background:#ffe3e7}.directions .active{box-shadow:inset 0 0 0 2px}.assets{background:var(--navy);color:#fff;border-radius:13px;padding:20px;position:relative}.assets h2{margin:8px 0}.assets span{background:var(--blue);border-radius:99px;padding:5px 7px;font-size:9px;position:absolute;top:15px;right:15px}.hosting{justify-content:space-between;align-items:center;display:flex}.hosting h2,.hosting p{margin:0}.hosting p{color:var(--muted);font-size:12px}.switch{margin:0}.switch input{display:none}.switch span{background:#d9dde2;border-radius:99px;width:52px;height:29px;display:block;position:relative}.switch span:after{content:"";background:#fff;border-radius:50%;width:23px;height:23px;transition:all .2s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--yellow)}.switch input:checked+span:after{left:26px}.amb{color:#fff;background:linear-gradient(135deg,#151e29,#303d4d);border-radius:13px;padding:20px}.amb h2{letter-spacing:.08em}.amb button{color:#fff;background:0 0;border:1px solid #ffffff50;border-radius:8px;padding:9px 12px}.tierList,.history{gap:8px;display:grid}.tierList>div,.history>div{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:13px;display:flex}.tierList>div{grid-template-columns:1fr auto;display:grid}.tierList span,.history small{color:var(--muted);font-size:10px}.tierList em{color:#806000;grid-area:1/2/3;font-style:normal;font-weight:900}.history strong{font-size:13px}.gain{color:var(--green)}.loss{color:var(--red)}.bottom{z-index:30;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fff;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom button{color:#858c96;background:#fff;border:0;place-items:center;gap:3px;padding:8px 3px;font-size:9px;display:grid}.bottom svg{width:20px}.bottom .active{color:#171717}.bottom .active svg{color:var(--yellow)}.scrim{z-index:40;background:#0008;position:fixed;inset:0}.appShell aside{z-index:50;background:#fff;width:min(310px,85vw);padding-top:20px;position:fixed;top:0;bottom:0;left:0;box-shadow:15px 0 40px #0004}.appShell aside>button,.appShell aside>a{border:0;border-bottom:1px solid var(--line);color:#222;background:#fff;align-items:center;gap:12px;width:100%;padding:15px 18px;font-weight:700;text-decoration:none;display:flex}.appShell aside .close{border:0;justify-content:flex-end}.user{background:var(--navy);color:#fff;gap:4px;padding:23px 18px;display:grid}.user span{background:var(--yellow);color:#111;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.user small{color:#adb8c5}.toast{z-index:80;color:#fff;background:#151c25;border-radius:9px;padding:11px 15px;font-size:12px;position:fixed;bottom:85px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0005}.appShell>footer{text-align:center;color:#8a9098;padding:12px;font-size:9px;position:absolute;left:0;right:0}.admin{max-width:1180px;margin:auto;padding:18px}.admin>header{justify-content:space-between;align-items:center;display:flex}.admin>header div{display:grid}.admin>header small{color:var(--blue);font-size:9px}.statGrid{grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0;display:grid}.statGrid div{border:1px solid var(--line);background:#fff;border-radius:11px;padding:15px;display:grid}.statGrid small{color:var(--muted);text-transform:capitalize}.statGrid strong{font-size:25px}.adminGrid{grid-template-columns:380px 1fr;gap:14px;display:grid}.admin .history button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px}@media (max-width:760px){.adminGrid{grid-template-columns:1fr}.statGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:390px){.appShell main{padding:9px}.tickers{gap:5px}.tickers>div{padding:9px 7px}}
