@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f5f7fb;background:#090a0e;--panel:#12141b;--line:#262a35;--muted:#8b91a1;--violet:#9b7cff;--cyan:#35d9c5;--green:#b9f34a;--orange:#ff9b52;--pink:#ff6b9d}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 65% -20%,#241c3a 0,transparent 34%),#090a0e}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.shell>aside{position:fixed;width:248px;inset:0 auto 0 0;padding:28px 20px;border-right:1px solid var(--line);background:#0c0d12;z-index:5}.logo{display:flex;gap:12px;align-items:center;font:800 16px Manrope}.logo>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:var(--green);color:#101408}.logo svg{width:23px}.logo div{display:flex;flex-direction:column}.logo small{font-size:7px;letter-spacing:.17em;color:#73798a;margin-top:3px}.shell nav{display:grid;gap:7px;margin-top:48px}.shell nav button{height:47px;border:0;border-radius:11px;background:transparent;color:#7c8291;display:flex;align-items:center;gap:13px;padding:0 14px;font-weight:600}.shell nav button svg{width:18px}.shell nav button:hover{background:#15171f;color:#fff}.shell nav button.on{color:#fff;background:#1a1c25;box-shadow:inset 3px 0 var(--violet)}.shell nav button.on svg{color:var(--violet)}.online{position:absolute;bottom:28px;left:31px;font-size:9px;letter-spacing:.1em;color:#777e8d}.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}.shell>main{grid-column:2;min-width:0}header{height:118px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0b0c11cc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:4}header small{font-size:9px;letter-spacing:.15em;color:var(--violet)}header h1{font:800 28px Manrope;margin:8px 0 3px;letter-spacing:-.04em}header p{margin:0;color:var(--muted);font-size:12px}.account{display:flex;align-items:center;gap:10px}.account>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#9b7cff,#5d42ba);font-weight:800;font-size:11px}.account b{font-size:12px}.account button,.refresh{border:1px solid var(--line);background:#15171e;color:#9ca3b3;border-radius:10px;height:38px;padding:0 11px}.account button svg,.refresh svg{width:16px}.content{max-width:1600px;margin:auto;padding:30px 38px 70px}.toolbar{display:flex;justify-content:space-between;margin-bottom:20px}.range{display:flex;padding:4px;background:#11131a;border:1px solid var(--line);border-radius:11px}.range button{border:0;background:transparent;color:#777e8f;border-radius:7px;height:30px;padding:0 13px;font-size:11px}.range button.active{background:#282b37;color:#fff}.refresh{display:flex;align-items:center;gap:7px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin-bottom:14px}.metric{min-height:142px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#151720,#101218);position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:90px;height:90px;right:-25px;top:-30px;border-radius:50%;background:currentColor;filter:blur(38px);opacity:.15}.metric>span{display:block;color:#8e94a3;font-size:11px}.metric>strong{display:block;font:800 30px Manrope;color:#f6f7fa;margin:17px 0 6px;letter-spacing:-.045em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric>small{color:currentColor;font-size:10px}.violet{color:var(--violet)}.cyan{color:var(--cyan)}.green{color:var(--green)}.orange{color:var(--orange)}.pink{color:var(--pink)}.grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:14px;margin-bottom:14px}.panel{background:linear-gradient(150deg,#14161e,#101218);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:14px}.grid>.panel{margin:0}.panel-title{padding:21px 23px 16px;display:flex;justify-content:space-between;align-items:flex-start}.panel-title h2{font:700 15px Manrope;margin:0 0 5px}.panel-title p{font-size:10px;color:#747b8b;margin:0}.panel-title>svg{width:17px;color:#555c6b}.recharts-text{fill:#777e8d;font-size:10px}.quality{padding:8px 25px 25px}.quality>div{--value:0deg;width:165px;height:165px;margin:0 auto 28px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#12141b 61%,transparent 62%),conic-gradient(var(--green) var(--value),#242834 0)}.quality strong{font:800 29px Manrope}.quality span{font-size:10px;color:#767d8e}.quality dl{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:11px}.quality dt{color:#8c93a2}.quality dd{margin:0;font-weight:700}.quality i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{height:45px;text-align:left;padding:0 18px;color:#686f7f;font-size:9px;text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #20232d;border-bottom:1px solid #20232d;white-space:nowrap}td{height:61px;padding:0 18px;color:#a7adba;font-size:11px;border-bottom:1px solid #20232c;white-space:nowrap}td b{display:flex;align-items:center;color:#edf0f5;font-size:11px}td small{display:block;color:#666d7d;margin-top:4px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.rank{display:grid;place-items:center;width:25px;height:25px;margin-right:10px;border-radius:7px;background:#242735;color:#9b7cff;font-size:9px}.badge{display:inline-flex;padding:5px 8px;border-radius:7px;font-weight:700}.badge.good{background:#b9f34a14;color:var(--green)}.badge.low{background:#ff9b5214;color:var(--orange)}.bar{display:inline-block;width:70px;height:4px;border-radius:5px;background:#282c37;margin-right:8px;vertical-align:middle}.bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--violet),var(--pink))}.player-tools{display:flex;gap:12px;align-items:center;margin-bottom:18px}.player-tools label{position:relative;flex:0 1 400px}.player-tools label svg{position:absolute;width:16px;left:13px;top:11px;color:#687080}.player-tools input{width:100%;height:40px;border:1px solid var(--line);border-radius:11px;background:#13151c;color:#fff;padding:0 14px 0 41px;outline:none}.player-tools input:focus{border-color:var(--violet)}.player-tools>span{margin-left:auto;color:#747b8a;font-size:11px}.toggle{height:40px;padding:0 13px;border:1px solid var(--line);border-radius:10px;background:#13151c;color:#7c8392;font-size:11px}.toggle.on{color:#fff;border-color:#555d70}.status{padding:5px 8px;background:#232732;border-radius:7px}.status.admin{color:#c5b8ff;background:#9b7cff18}.status.off{color:#ff8b9b;background:#ff6b9d14}.deleted{opacity:.55}.dots{border:0;background:transparent;color:#9ba2b1;font-weight:800}.pagination{height:60px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:0 20px}.pagination button{border:1px solid var(--line);background:#181a22;color:#a5acba;border-radius:8px;padding:7px 11px;font-size:10px}.pagination span{font-size:10px;color:#737a89}.error{padding:11px 14px;border:1px solid #ff6b9d44;background:#ff6b9d10;color:#ff91b4;border-radius:10px;margin:10px 0}.loading{position:fixed;right:25px;bottom:25px;background:#20232d;border:1px solid #343847;padding:12px 16px;border-radius:10px;font-size:11px}.backdrop{position:fixed;inset:0;background:#050609cc;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;z-index:20}.modal{position:relative;width:min(460px,calc(100vw - 30px));background:#15171f;border:1px solid #303441;border-radius:18px;padding:30px;box-shadow:0 30px 90px #000}.close{position:absolute;right:18px;top:18px;border:0;background:transparent;color:#7b8291}.close svg{width:19px}.avatar{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(140deg,#9b7cff,#6148bd);font-weight:800}.modal h2{margin:17px 0 3px}.modal>p{margin:0;color:#7c8392;font-size:12px}.modal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.modal-stats span{padding:13px;background:#101218;border-radius:10px;color:#737a89;font-size:9px}.modal-stats b{display:block;color:#fff;font-size:16px;margin-top:5px}.modal>button:not(.close){width:100%;height:45px;border-radius:10px;margin-top:9px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.modal>button svg{width:16px}.role-btn,.restore{border:1px solid #414656;background:#232631;color:#fff}.danger{border:1px solid #ff6b9d55;background:#ff6b9d12;color:#ff8eb4}.hint{display:block;color:#656c7b;text-align:center;line-height:1.5;margin-top:12px}.state{min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#7b8292;gap:12px}.state svg{width:38px;color:var(--violet)}.login{min-height:100vh;display:grid;grid-template-columns:1.3fr .7fr}.login>section{position:relative;padding:55px;overflow:hidden;background:radial-gradient(circle at 66% 52%,#332553 0,transparent 29%),linear-gradient(135deg,#101119,#090a0e)}.wordmark{display:flex;align-items:center;gap:9px;font:800 12px Manrope;letter-spacing:.08em}.wordmark svg{color:var(--green)}.wordmark b{color:#8880a0}.hero-copy{position:absolute;left:8%;top:29%;z-index:2}.hero-copy>span{font-size:10px;letter-spacing:.2em;color:var(--green)}.hero-copy h1{font:800 clamp(58px,7vw,105px) Manrope;letter-spacing:-.075em;line-height:.87;margin:22px 0}.hero-copy em{font-style:normal;color:transparent;-webkit-text-stroke:1px #8980a2}.hero-copy p{max-width:440px;color:#8f95a4;line-height:1.7}.orb{position:absolute;width:480px;height:480px;border:1px solid #7963a040;border-radius:50%;right:-120px;bottom:-90px;display:grid;place-items:center}.orb:before,.orb i{content:"";position:absolute;inset:60px;border:1px dashed #8b70bd55;border-radius:50%}.orb i{inset:130px;border-style:solid}.orb svg{width:90px;height:90px;color:var(--green)}.login form{padding:12%;display:flex;flex-direction:column;justify-content:center;background:#0c0d12}.login form>small{color:var(--violet);letter-spacing:.15em}.login form h2{font:800 32px Manrope;margin:14px 0 7px}.login form>p{color:#7f8695;font-size:12px;margin:0 0 34px}.login label{font-size:11px;font-weight:700;color:#aab0bc;margin-top:17px}.login input{display:block;width:100%;height:49px;margin-top:9px;padding:0 14px;background:#14161d;border:1px solid #2b2f3a;border-radius:10px;color:#fff;outline:none}.login input:focus{border-color:var(--violet)}.login form>button{height:49px;margin-top:25px;border:0;border-radius:10px;background:var(--green);color:#15190d;font-weight:800}@media(max-width:1100px){.grid,.login{grid-template-columns:1fr}.login>section{display:none}.login form{min-height:100vh;padding:10% 20%}}@media(max-width:760px){.shell{grid-template-columns:1fr}.shell>aside{position:fixed;inset:auto 0 0;width:100%;height:68px;padding:8px;display:flex;border-right:0;border-top:1px solid var(--line)}.logo,.online{display:none}.shell nav{display:flex;width:100%;margin:0;justify-content:space-around}.shell nav button{height:50px;flex-direction:column;gap:2px;font-size:9px}.shell>main{grid-column:1;padding-bottom:70px}header{height:88px;padding:0 18px}header p,header small,.account b{display:none}header h1{font-size:21px}.content{padding:18px 12px}.metrics{grid-template-columns:repeat(2,1fr)}.metric{min-height:120px;padding:15px}.metric>strong{font-size:23px}.player-tools{flex-wrap:wrap}.player-tools label{flex:1 0 100%}.login form{padding:24px}.range button{padding:0 8px}}