:root{--bg:#020722;--panel:#071447;--line:rgba(70,188,255,.2);--cyan:#20ddff;--blue:#0878ff;--muted:#8da8d2;--danger:#ff6685}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#123898 0,#071345 32%,var(--bg) 70%);color:#fff;font-family:Inter,system-ui,sans-serif;min-height:100dvh}button,input{font:inherit}.auth-page{display:grid;place-items:center;padding:20px}.auth-wrap{width:min(420px,100%)}.auth-brand{display:flex;justify-content:center;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:900;margin-bottom:22px}.auth-brand img{width:58px;border-radius:16px}.auth-brand b{color:var(--cyan)}.auth-card{padding:27px;border-radius:26px;background:linear-gradient(155deg,rgba(11,39,130,.96),rgba(5,16,57,.98));border:1px solid rgba(73,204,255,.4);box-shadow:0 28px 80px #0008}.auth-card h1{margin:0;text-align:center;font-size:27px}.auth-card>p{text-align:center;color:var(--muted);margin:8px 0 25px}.auth-card form{display:grid;gap:14px}.auth-card label,.field{display:grid;gap:7px;color:#b9cdf0;font-size:11px;font-weight:800;letter-spacing:.4px}.auth-card input,.input{width:100%;border:1px solid #1c4fa8;background:#06123d;color:white;border-radius:13px;padding:14px;outline:0}.auth-card input:focus,.input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(32,221,255,.1)}.app-btn{border:0;border-radius:14px;padding:15px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;font-weight:900;box-shadow:0 12px 30px rgba(0,123,255,.35);cursor:pointer}.app-btn:disabled{opacity:.55}.form-error{color:#ff9bb0;text-align:center;font-size:12px;min-height:15px}.auth-switch{text-align:center;color:var(--muted);font-size:13px;margin-top:21px}.auth-switch a{color:var(--cyan);font-weight:800}.legal{display:block;text-align:center;line-height:1.5;color:#607da9;margin-top:14px}.loading{height:100dvh;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--muted)}.loading img{width:85px;border-radius:20px}.dash{max-width:620px;min-height:100dvh;margin:auto;padding-bottom:85px}.dash-head{padding:16px 17px;display:flex;justify-content:space-between;align-items:center}.dash-brand{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:900}.dash-brand img{width:44px;border-radius:12px}.dash-brand b{color:var(--cyan)}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0c2a86;border:1px solid #238eff;font-weight:900}.content{padding:0 14px}.welcome{color:#8ca7d1;font-size:13px;margin:3px 4px 15px}.welcome strong{color:white}.balance-card{padding:21px;border-radius:23px;background:linear-gradient(130deg,#0d3eaf,#067cda);position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,65,200,.3)}.balance-card:after{content:"◆";position:absolute;right:-10px;top:-30px;font-size:130px;color:rgba(255,255,255,.08)}.balance-card small{font-size:10px;letter-spacing:1.4px;color:#bfeeff}.balance-card h1{font-size:34px;margin:7px 0 18px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick button{border:1px solid rgba(255,255,255,.35);border-radius:12px;padding:12px;background:rgba(3,13,50,.25);color:white;font-weight:900}.play-card{margin-top:14px;padding:16px;border-radius:20px;background:linear-gradient(145deg,#0a1f69,#071442);border:1px solid var(--line);display:grid;grid-template-columns:82px 1fr;gap:15px;align-items:center}.play-card img{width:82px;border-radius:18px}.play-card h2{font-size:17px;margin:0}.play-card p{font-size:11px;color:var(--muted);margin:5px 0 10px}.play-card a{display:inline-block;background:linear-gradient(135deg,#0878ff,#1bdcff);border-radius:10px;padding:9px 14px;color:white;text-decoration:none;font-size:11px;font-weight:900}.section-title{font-size:12px;color:#9eb8df;margin:23px 3px 10px}.history,.profile-card,.ref-card{background:rgba(6,19,67,.82);border:1px solid var(--line);border-radius:18px;padding:16px}.empty{color:#6f8db9;text-align:center;font-size:12px;padding:15px}.menu-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(93,161,255,.12)}.menu-row:last-child{border:0}.menu-row span{font-size:12px;color:#8fa9d2}.menu-row strong{font-size:13px}.bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(620px,100%);height:70px;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(2,7,34,.97);border-top:1px solid var(--line);z-index:20}.bottom button,.bottom a{border:0;background:none;color:#6582b0;text-decoration:none;display:grid;place-items:center;font-size:10px;font-weight:800}.bottom .active{color:var(--cyan)}.modal{position:fixed;inset:0;background:rgba(1,4,20,.86);backdrop-filter:blur(10px);z-index:50;display:grid;place-items:end center}.sheet{width:min(620px,100%);max-height:90dvh;overflow:auto;background:linear-gradient(160deg,#0b2a8a,#061442 55%,#030a2c);border:1px solid rgba(67,200,255,.38);border-radius:26px 26px 0 0;padding:20px}.sheet-head{display:flex;justify-content:space-between;align-items:center}.sheet-head h2{margin:0}.sheet-head button{border:0;background:#0a226f;color:white;width:36px;height:36px;border-radius:50%;font-size:23px}.sheet p{color:var(--muted);font-size:12px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.value-grid button{border:1px solid #1b59c4;border-radius:11px;padding:11px;background:#061545;color:#beeaff;font-weight:900}.value-grid .on{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}.sheet .app-btn{width:100%;margin-top:12px}.pix-box{word-break:break-all;background:#030a2b;padding:13px;border-radius:12px;color:#a8dfff;font-size:11px;margin:13px 0}.notice{padding:11px;border-radius:10px;font-size:11px;margin-top:10px;background:#151a4f;color:#bdd7ff}.notice.error{background:#441329;color:#ff9db1}.notice.ok{background:#06392f;color:#79ffd0}.ref-banner{width:100%;border-radius:18px}.ref-link{display:flex;gap:7px;margin-top:12px}.ref-link input{min-width:0}.logout{width:100%;border:1px solid #7a2747;background:#2b1024;color:#ff9db2;border-radius:12px;padding:13px;font-weight:900;margin-top:18px}@media(min-width:640px){.modal{place-items:center}.sheet{border-radius:26px;max-width:480px}}