html{font-size:14px}body{color:#cfe3ff;background:#05070c;margin:0;font-family:Segoe UI,Arial,sans-serif;overflow:hidden auto}body:before{content:"";z-index:-2;background:radial-gradient(circle at 50% 20%,#00aaff1a,#0000 55%),radial-gradient(circle at 50% 80%,#005aff14,#0000 60%),linear-gradient(#070b14 0%,#000 100%);position:fixed;inset:0}body:after{content:"";opacity:.4;z-index:-1;background-color:#0000;background-image:linear-gradient(#008cff0d 1px,#0000 1px),linear-gradient(90deg,#008cff0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:60px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e16bf;border:1px solid #78beff40;border-radius:14px;width:min(1200px,94vw);margin:20px auto;padding:18px;position:relative;overflow:hidden;box-shadow:0 20px 60px #000c,inset 0 0 25px #0096ff1f}.panel:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 40%,#00b4ff14,#0000 60%);animation:6s linear infinite scan;position:absolute;inset:0}h1,h2,h3{color:#bfe1ff;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px #00a0ff40;border-bottom:1px solid #78beff40;padding-bottom:6px}button{color:#d6ecff;text-transform:uppercase;cursor:pointer;background:#0a1423d9;border:1px solid #78beff4d;border-radius:8px;margin:3px;padding:7px 10px;font-size:12px;transition:all .15s}button:hover{background:#008cff26;transform:translateY(-1px);box-shadow:0 0 12px #00a0ff40}input,select{color:#d6ecff;background:#050a12d9;border:1px solid #78beff40;border-radius:6px;margin:4px;padding:7px;font-size:12px}table{border-collapse:collapse;width:100%;margin-top:10px}th{text-align:left;color:#a9d6ff;text-transform:uppercase;letter-spacing:2px;border-bottom:1px solid #78beff33;padding:10px;font-size:11px}td{border-bottom:1px solid #78beff14;padding:10px}.taskGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:15px;display:grid}.taskGrid>div{background:#050a12bf;border:1px solid #78beff2e;border-radius:10px;padding:10px;box-shadow:inset 0 0 20px #0078ff14}@keyframes scan{0%{transform:translate(-120%)}to{transform:translate(120%)}}.statsGrid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;margin:20px 0;display:grid}.statCard{background:#050a14d9;border:1px solid #3aa8ff;padding:15px;box-shadow:0 0 15px #3aa8ff33}.statCard h3{color:#7ec8ff;margin:0 0 10px;font-size:13px}.statCard p{color:#fff;margin:0;font-size:28px}.rankList{margin-top:15px}.rankRow{border-bottom:1px solid #3aa8ff40;justify-content:space-between;padding:8px 0;display:flex}
