:root{--bg:#080c16;--side:#0e1628;--panel:#121c31;--panel2:#17233b;--text:#eef5ff;--muted:#8fa0bd;--gold:#ffd166;--cyan:#42d9ff;--green:#35d489;--red:#ff5d73;--line:#ffffff17;--shadow:0 16px 50px #00000047}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(circle at 10% 0,#42d9ff1f,#0000 28%),linear-gradient(#0a0f1d,#060912);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}.layout{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#0e1628f5,#090e1af5);width:280px;height:100vh;padding:18px;position:sticky;top:0;overflow:auto;box-shadow:12px 0 40px #0000002e}.brand{color:#fff;border:1px solid var(--line);background:linear-gradient(135deg,#ffd1662b,#42d9ff17);border-radius:20px;margin-bottom:18px;padding:14px;font-size:23px;font-weight:950}.brand span{color:var(--gold)}.nav{gap:7px;display:grid}.nav button{color:#d7e3f7;text-align:left;cursor:pointer;background:#ffffff09;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;width:100%;padding:12px 13px;font-weight:750;display:flex}.nav button:hover{background:#ffffff12}.nav button.active{background:linear-gradient(135deg,var(--gold),#f5ad36);color:#201300;font-weight:950;box-shadow:0 12px 24px #f5ad3629}.main{flex:1;min-width:0;padding:24px}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#17233bf5,#0d1424f5);border-radius:22px;margin-bottom:18px;padding:18px}.card h2{margin:0 0 14px;font-size:18px}.grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stat{border:1px solid var(--line);color:var(--muted);background:linear-gradient(145deg,#111b31,#0c1427);border-radius:20px;padding:18px}.stat b{color:var(--gold);margin-top:6px;font-size:25px;display:block}.top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.top h1{margin:0;font-size:28px}.btn{background:linear-gradient(135deg,var(--gold),#f5ad36);color:#1b1100;cursor:pointer;border:0;border-radius:12px;margin:3px;padding:9px 12px;font-weight:900}.btn.gray{color:#fff;border:1px solid var(--line);background:#24314c}.btn.red{color:#fff;background:linear-gradient(135deg,#ff6c7d,#d83a52)}.btn.green{color:#06140d;background:linear-gradient(135deg,#37d68f,#21a96b)}.input{color:#fff;border:1px solid var(--line);background:#0c1324;border-radius:14px;outline:none;width:100%;margin:7px 0 12px;padding:12px}.input:focus{border-color:#42d9ff94;box-shadow:0 0 0 4px #42d9ff14}table{border-collapse:collapse;width:100%;font-size:14px}td,th{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 10px}th{color:var(--gold);text-transform:uppercase;letter-spacing:.4px;font-size:12px}tr:hover td{background:#ffffff05}.pill{border:1px solid var(--line);background:#24314c;border-radius:999px;padding:6px 10px;display:inline-block}.WIN,.APPROVED,.ACTIVE{color:var(--green);font-weight:900}.LOSE,.REJECTED,.LOCKED{color:var(--red);font-weight:900}.PENDING{color:var(--gold);font-weight:900}.login{max-width:430px;margin:10vh auto}.notice{color:#ffe2a0;background:#ffd16614;border:1px solid #ffd16629;border-radius:14px;margin:9px 0;padding:11px}.gameTabs{gap:10px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow:auto}.gameTabs button{border:1px solid var(--line);color:#fff;text-align:left;cursor:pointer;background:#0e172a;border-radius:16px;min-width:148px;padding:12px 14px}.gameTabs button.active{background:linear-gradient(135deg,var(--gold),#f5ad36);color:#1d1201;font-weight:950}.gameTabs span{opacity:.8;margin-top:3px;font-size:12px;display:block}.miniInfo{border:1px solid var(--line);color:#d7e3f7;background:#0e172a;border-radius:14px;margin-bottom:12px;padding:12px}small{color:var(--muted)}.clickRow{cursor:pointer}.clickRow:hover{background:#1a2742}.rowActive{cursor:pointer;background:#ffd16617;outline:1px solid #ffd16680}.miniStats{margin:10px 0 12px}.miniStats .stat{padding:12px}.miniStats .stat b{font-size:18px}h3{color:var(--gold);margin:16px 0 9px;font-size:15px}.resultCards{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.resultCard{border:1px solid var(--line);background:linear-gradient(145deg,#111b31,#0b1325);border-radius:18px;padding:14px}.resultCard b{color:var(--gold)}.resultCard small{margin-top:5px;display:block}.modeText{color:#cbd5f5;margin:11px 0;font-size:13px}.modeBtns{flex-wrap:wrap;gap:7px;display:flex}.modeBtns .btn{margin:0;padding:8px 10px;font-size:12px}.activeMode{background:linear-gradient(135deg,var(--cyan),#9be9ff)!important;color:#06121b!important}.authPage{justify-content:center;align-items:center;min-height:100vh;padding:22px;display:flex}.authCard{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);background:linear-gradient(#17233b,#0d1527);border-radius:26px;padding:24px}.logoMark{background:linear-gradient(135deg,var(--gold),var(--cyan));color:#0c1423;border-radius:20px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:15px;font-size:24px;font-weight:950;display:flex}@media (max-width:1200px){.grid,.grid[style*="1fr 1fr"]{grid-template-columns:1fr 1fr!important}.resultCards{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.layout{display:block}.sidebar{width:auto;height:auto;position:relative}.main{padding:14px}table{font-size:12px}.grid,.grid[style*="1fr 1fr"],.resultCards{grid-template-columns:1fr!important}.top{flex-direction:column;align-items:flex-start}}