:root{--bg:#09070b;--panel:#151018;--panel2:#1d1521;--line:rgba(191,110,211,.25);--purple:#c574d8;--cyan:#65dfd7;--green:#55dfa9;--red:#ff829b;--text:#f4eaf6;--dim:#9a8d9e;--shadow:#050306}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 15% 0,rgba(92,47,105,.23),transparent 34%),linear-gradient(rgba(7,5,9,.89),rgba(7,5,9,.96)),url("img/bgblackhole.jpg") center/cover fixed;font-family:Inter,"Segoe UI",sans-serif}.space-glow{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 28%,rgba(101,223,215,.5) 0 1px,transparent 1.5px),radial-gradient(circle at 80% 72%,rgba(197,116,216,.5) 0 1px,transparent 1.5px);background-size:83px 83px,127px 127px;opacity:.3}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700}.brand img{width:38px;height:38px;object-fit:contain}.brand b{color:var(--purple)}.eyebrow{margin:0 0 6px;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.login-shell{position:relative;z-index:1;display:grid;min-height:100vh;place-items:center;padding:22px}.login-card{width:min(440px,100%);padding:30px;border:1px solid rgba(197,116,216,.38);border-radius:22px;background:linear-gradient(145deg,rgba(28,20,32,.98),rgba(13,10,16,.98));box-shadow:9px 9px 0 rgba(0,0,0,.54)}.login-card .brand{margin-bottom:34px}.login-card h1{margin:0;font-size:30px}.intro{margin:10px 0 24px;color:var(--dim);line-height:1.6}.license-form{display:grid;gap:14px}.license-form label span{display:block;margin-bottom:7px;color:#cbbdce;font-size:12px;font-weight:800}.license-form input{width:100%;padding:14px 15px;border:1px solid #694275;border-radius:10px;outline:0;color:var(--text);background:#0e0a11;font:600 14px ui-monospace,monospace}.license-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(101,223,215,.1)}button{border:0;font:800 12px inherit;cursor:pointer}.license-form button,.code-block button,.refresh{padding:13px 16px;border-radius:10px;color:#170d1a;background:linear-gradient(135deg,var(--purple),#e498ef);box-shadow:3px 3px 0 #070408}.login-card>small{display:block;margin-top:18px;color:#786e7b;font-size:10px}.alert{margin:0 0 16px;padding:11px 13px;border:1px solid rgba(255,130,155,.4);border-radius:9px;color:#ffb1c0;background:rgba(105,31,48,.25);font-size:12px}.topbar{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;padding:12px max(18px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);background:rgba(10,7,12,.9);backdrop-filter:blur(18px)}.logout{padding:9px 14px;border:1px solid rgba(255,130,155,.4);border-radius:9px;color:#ffadbc;background:#321722}.dashboard{position:relative;z-index:1;width:min(1240px,calc(100% - 32px));margin:0 auto;padding:34px 0 60px}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.hero h1{margin:0;font-size:clamp(28px,4vw,44px)}.hero p:last-child{margin:10px 0 0;color:var(--dim)}.live-badge{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(85,223,169,.28);border-radius:999px;color:#aaf5d2;background:rgba(36,112,82,.15);font-size:11px}.live-badge i,.badge i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 9px var(--green)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.metric-grid article{position:relative;min-width:0;padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(28,20,32,.97),rgba(14,10,17,.97));box-shadow:4px 4px 0 var(--shadow)}.metric-grid article>span{float:right;color:var(--cyan);font-size:25px}.metric-grid small,.metric-grid strong,.metric-grid em{display:block}.metric-grid small{color:var(--dim);font-size:9px;text-transform:uppercase}.metric-grid strong{margin-top:7px;font-size:25px}.metric-grid em{margin-top:4px;color:#756a78;font-size:9px;font-style:normal}.loader-card,.server-panel{margin-top:16px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(25,18,29,.98),rgba(13,10,16,.98));box-shadow:5px 5px 0 rgba(0,0,0,.5)}.loader-card{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(300px,1.3fr);align-items:center;gap:22px}.loader-card h2,.server-panel h2{margin:0;font-size:20px}.loader-card p:last-child,.server-panel header p:last-child{margin:8px 0 0;color:var(--dim);font-size:11px;line-height:1.55}.code-block{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px;border:1px solid rgba(101,223,215,.22);border-radius:11px;background:#09070b}.code-block code{overflow:auto;padding:9px;color:#b8efe9;white-space:nowrap;font:11px ui-monospace,monospace}.code-block button{padding:9px 13px}.server-panel>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.refresh{padding:10px 13px}.server-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.server-card{overflow:hidden;border:1px solid rgba(197,116,216,.28);border-radius:13px;background:linear-gradient(145deg,#18121b,#100c13);box-shadow:3px 3px 0 rgba(0,0,0,.48)}.server-card.online{border-color:rgba(85,223,169,.38)}.server-card.offline{opacity:.68}.server-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px}.server-identity{display:flex;align-items:center;min-width:0;gap:10px}.server-avatar{display:grid;flex:0 0 auto;width:44px;height:44px;place-items:center;border:1px solid var(--cyan);border-radius:12px;color:#dff;background:#102024;font-weight:900}.server-identity div{min-width:0}.server-identity small,.server-identity strong,.server-identity em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-identity small{color:var(--purple);font-size:8px;font-weight:900;text-transform:uppercase}.server-identity strong{margin-top:3px;font-size:13px}.server-identity em{margin-top:2px;color:var(--dim);font-size:9px;font-style:normal}.server-actions{display:flex;align-items:center;gap:6px}.badge{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:999px;color:#aaf5d2;background:rgba(36,112,82,.17);font-size:8px;font-weight:900}.offline .badge{color:#aaa0ad;background:#282229}.offline .badge i{background:#7d737f;box-shadow:none}.server-actions button{width:30px;height:30px;border:1px solid rgba(255,130,155,.38);border-radius:8px;color:#ff9aae;background:rgba(112,36,53,.2)}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-block:1px solid rgba(197,116,216,.16);background:rgba(197,116,216,.12)}.facts span{min-width:0;padding:10px;background:#110d14}.facts small,.facts b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facts small{color:#807483;font-size:7px}.facts b{margin-top:4px;font-size:9px}.server-detail{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:11px}.server-detail section{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#0e0b11}.detail-title{display:flex;justify-content:space-between;margin-bottom:8px;font-size:9px}.player-list{display:flex;flex-wrap:wrap;gap:6px}.player-list span{display:flex;align-items:center;gap:5px;max-width:100%;padding:5px 7px;border:1px solid rgba(197,116,216,.2);border-radius:7px;color:#cfc1d2;background:#171019;font-size:8px}.player-list i{display:grid;width:20px;height:20px;place-items:center;border-radius:5px;color:#fff;background:#653370;font-style:normal;font-weight:900}.event-list{display:grid;gap:6px;max-height:130px;overflow:auto}.event-list span{display:grid;padding:6px;border-left:2px solid var(--purple);background:#151018}.event-list b{font-size:8px}.event-list small{margin-top:2px;color:#817585;font-size:7px}.empty{grid-column:1/-1;padding:42px;border:1px dashed rgba(197,116,216,.24);border-radius:12px;color:#857989;text-align:center}@media(max-width:900px){.metric-grid{grid-template-columns:1fr 1fr}.loader-card{grid-template-columns:1fr}.server-list{grid-template-columns:1fr}}@media(max-width:600px){.dashboard{width:min(100% - 20px,1240px);padding-top:22px}.hero{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-grid article{padding:14px}.server-detail{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.server-panel,.loader-card{padding:14px}.server-panel>header{align-items:flex-start;flex-direction:column}.code-block{grid-template-columns:1fr}.code-block button{width:100%}}