:root{--bg:#050711;--panel:rgba(13,18,35,.74);--line:rgba(105,116,255,.22);--cyan:#40eaff;--violet:#8b5cff;--pink:#ff3cac;--text:#f3f7ff;--muted:#8d99b5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}.bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 70% 20%,#28115a55,transparent 34%),radial-gradient(circle at 20% 80%,#003b4a55,transparent 30%),linear-gradient(#050711dd,#050711)}.bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#5663ff11 1px,transparent 1px),linear-gradient(90deg,#5663ff11 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}.bg i{position:absolute;width:3px;height:3px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan);animation:float 10s linear infinite}.bg i:nth-child(1){left:18%;top:80%}.bg i:nth-child(2){left:80%;top:60%;animation-delay:-3s}.bg i:nth-child(3){left:52%;top:90%;animation-delay:-7s}@keyframes float{to{transform:translateY(-90vh)}}aside{position:fixed;width:255px;inset:0 auto 0 0;background:#080b18dd;border-right:1px solid var(--line);backdrop-filter:blur(20px);padding:26px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;margin-bottom:38px}.brand>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--cyan);clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%);background:#1b2455;box-shadow:0 0 24px #40eaff44;font-weight:900}.brand b{letter-spacing:1px}.brand small{display:block;color:var(--cyan);font-size:9px;margin-top:4px}nav{display:grid;gap:8px}nav button,.hub{border:0;background:transparent;color:var(--muted);padding:14px 16px;text-align:left;border-radius:10px;font-weight:700;text-decoration:none;cursor:pointer}nav button:hover,nav button.active{color:white;background:linear-gradient(90deg,#5545ff33,transparent);border-left:2px solid var(--cyan)}.hub{margin-top:auto}main{margin-left:255px;padding:30px 36px 70px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}header p,.section-head small{color:var(--cyan);font-size:11px;letter-spacing:2px}h1{margin:4px 0;font-size:30px}.live{font-size:11px;color:#71ffc2}.live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#71ffc2;box-shadow:0 0 14px #71ffc2;margin-right:8px}.view{display:none}.view.active{display:block}.panel,.metrics article,.server-card,.catalog-card{background:linear-gradient(145deg,rgba(21,27,53,.86),rgba(8,12,26,.72));border:1px solid var(--line);box-shadow:0 20px 70px #0006,inset 0 1px #ffffff0c;border-radius:18px}.hero{min-height:330px;padding:46px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:auto -10% -80% 40%;height:400px;background:radial-gradient(circle,var(--violet),transparent 62%);opacity:.25}.hero h2{font-size:45px;line-height:1.05;margin:12px 0}.hero em{font-style:normal;color:var(--cyan);text-shadow:0 0 24px #40eaff66}.hero p{max-width:620px;color:var(--muted);line-height:1.7}.hero button,.section-head button,.form button{background:linear-gradient(90deg,var(--violet),#475dff);color:white;border:0;border-radius:10px;padding:14px 20px;font-weight:900;cursor:pointer;box-shadow:0 0 30px #7655ff44}.core{width:220px;height:220px;border-radius:50%;display:grid;place-items:center;position:relative;border:1px solid #40eaff66;background:radial-gradient(circle,#2e3d91,#0d1024 58%,transparent 60%);box-shadow:0 0 80px #6d5cff44}.core span{font-size:42px;font-weight:900}.core i{position:absolute;inset:-18px;border:1px dashed #40eaff55;border-radius:50%;animation:spin 18s linear infinite}.core i:nth-child(3){inset:-40px;border-color:#8b5cff44;animation-direction:reverse}.core i:nth-child(4){inset:20px;border-style:solid}@keyframes spin{to{transform:rotate(360deg)}}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0 34px}.metrics article{padding:20px}.metrics small{color:var(--muted)}.metrics b{display:block;font-size:28px;margin:10px 0}.metrics div{height:4px;background:#ffffff12}.metrics i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:.5s}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-head h2{font-size:32px;margin:5px 0}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.server-card{padding:22px;position:relative;overflow:hidden}.server-card:after{content:"";position:absolute;width:120px;height:120px;background:var(--violet);filter:blur(70px);opacity:.16;right:-30px;top:-30px}.server-head{display:flex;justify-content:space-between;align-items:start}.status{font-size:10px;padding:6px 9px;border-radius:20px;background:#ffffff0d}.status.running{color:#69ffc2}.status.exited,.status.stopped{color:#ffbc69}.status.error{color:#ff5c7c}.game{color:var(--cyan);font-size:10px;letter-spacing:1.5px}.server-card h3{font-size:22px;margin:8px 0}.server-card p{color:var(--muted);font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.actions button{background:#ffffff0a;color:#dfe7ff;border:1px solid var(--line);border-radius:8px;padding:8px 10px;cursor:pointer}.actions button.primary{background:#6851ff}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:15px}.catalog-card{padding:22px;cursor:pointer;transition:.25s;min-height:155px}.catalog-card:hover{transform:translateY(-5px);border-color:var(--cyan);box-shadow:0 20px 50px #40eaff18}.catalog-card b{font-size:20px}.catalog-card small,.catalog-card p{display:block;color:var(--muted)}.catalog-card span{color:var(--cyan);font-size:10px}.form{padding:28px;margin-top:22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form label{color:var(--muted);font-size:12px}.form input,.form textarea{width:100%;margin-top:7px;background:#050916;color:white;border:1px solid var(--line);border-radius:9px;padding:12px}.wide{grid-column:1/-1}.hidden{display:none!important}.audit{padding:20px}.audit div{padding:13px;border-bottom:1px solid var(--line);display:flex;gap:16px}.audit time{color:var(--cyan);font-size:11px}.modal{display:none;position:fixed;inset:0;background:#02040acc;z-index:20;place-items:center}.modal.open{display:grid}.modal-box{width:min(1000px,92vw);height:min(720px,90vh);background:#090d1b;border:1px solid var(--line);border-radius:18px;padding:24px;position:relative}.close{position:absolute;right:18px;top:16px;background:none;border:0;color:white;font-size:28px}.tabs button{background:#151b33;color:white;border:0;padding:10px 15px;margin-right:6px;border-radius:8px}pre{height:540px;overflow:auto;background:#02050c;border:1px solid #233052;padding:16px;color:#79ffc6;white-space:pre-wrap}.files{height:540px;overflow:auto}.file-row{padding:12px;border-bottom:1px solid var(--line);cursor:pointer}#toast{position:fixed;right:25px;bottom:25px;background:#151b33;border:1px solid var(--cyan);padding:14px 18px;border-radius:10px;opacity:0;transform:translateY(20px);transition:.3s;z-index:30}#toast.show{opacity:1;transform:none}@media(max-width:900px){aside{width:76px;padding:20px 10px}.brand div,nav b,.hub{display:none}main{margin-left:76px;padding:20px}.hero{padding:25px}.hero h2{font-size:32px}.core{display:none}.metrics{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}@media(max-width:600px){aside{position:static;width:auto;height:72px;flex-direction:row;padding:10px}.brand{margin:0}.brand div{display:block}nav{display:none}main{margin:0;padding:16px}.metrics{grid-template-columns:1fr 1fr}.hero h2{font-size:28px}}