@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800&family=Rajdhani:wght@400;500;600;700&display=swap');
:root{--bg:#09070e;--panel:#120d1c;--panel2:#1b1228;--purple:#b45cff;--cyan:#54f4ff;--yellow:#ffe66d;--text:#f4efff;--muted:#ab9dbd;--border:rgba(190,120,255,.22);--title:'Orbitron',sans-serif;--body:'Rajdhani',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#21102e 0,transparent 45%),var(--bg);color:var(--text);font:18px/1.6 var(--body)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#b45cff08 1px,transparent 1px),linear-gradient(90deg,#b45cff08 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 90%)}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--yellow)}.ambient{position:fixed;z-index:-1;top:20%;left:-180px;width:330px;height:330px;border-radius:50%;background:var(--purple);filter:blur(130px);opacity:.12;pointer-events:none}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px max(5%,calc((100% - 1120px)/2));background:#09070ee8;border-bottom:1px solid var(--border);backdrop-filter:blur(16px)}.brand{font:800 14px var(--title);letter-spacing:1px;color:var(--text)}.brand b{color:var(--purple)}.nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav a{font-weight:700}.wrap{width:min(1100px,92%);margin:0 auto;padding:48px 0 70px}.hero{text-align:center;padding:75px 15px 55px}.eyebrow,.label{font:11px var(--title);letter-spacing:2px;color:var(--cyan)}h1,h2,h3{font-family:var(--title);line-height:1.35}h1{font-size:clamp(32px,6vw,64px);margin:20px 0}h2{font-size:clamp(23px,4vw,34px);margin:0 0 14px}.gradient{background:linear-gradient(100deg,#e1baff,var(--purple),var(--cyan));background-clip:text;-webkit-background-clip:text;color:transparent}.muted{color:var(--muted)}.panel,.card{border:1px solid var(--border);border-radius:13px;background:linear-gradient(145deg,#191023ed,#0e0a15ed);padding:24px;box-shadow:0 15px 45px #0002}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{display:flex;flex-direction:column;gap:12px;transition:.25s}.card:hover{transform:translateY(-4px);border-color:#b45cff88}.server-avatar{width:88px;height:88px;object-fit:cover;border-radius:16px;border:1px solid var(--border);box-shadow:0 0 22px #b45cff22}.card h3{margin:0;font-size:21px}.card p{color:var(--muted);margin:0;white-space:pre-line}.meta{font:10px var(--title);letter-spacing:1px;color:var(--purple)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid var(--purple);border-radius:7px;background:var(--purple);color:#10091a;font:700 16px var(--body);cursor:pointer;transition:.2s}.btn:hover,button:hover{background:#d6adff;color:#10091a;box-shadow:0 0 22px #b45cff44}.btn.secondary,button.secondary{background:transparent;color:var(--text);border-color:var(--border)}.btn.secondary:hover,button.secondary:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:none}.btn.danger,button.danger{background:#35121d;border-color:#a83a62;color:#ffc3d4}.inline{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:34px 0 18px}.notice{margin:18px 0;padding:12px 15px;border:1px solid #54f4ff55;border-radius:8px;background:#54f4ff0c;color:var(--cyan)}.form{display:grid;gap:14px}.form label{display:grid;gap:6px;color:#d9c9ea;font-weight:700}.form input,.form textarea,.form select{width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:7px;outline:none;background:#0b0811;color:var(--text);font:17px var(--body)}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #54f4ff12}.form textarea{min-height:100px;resize:vertical}.form small{color:var(--muted)}.auth{width:min(480px,92%);margin:8vh auto}.auth .brand{display:block;text-align:center;margin-bottom:25px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:650px}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--border);vertical-align:top}.table th{font:10px var(--title);letter-spacing:1px;color:var(--cyan)}.table td{color:var(--muted)}.badge{display:inline-block;padding:3px 8px;border:1px solid var(--border);border-radius:4px;color:#d6b4ff;font:10px var(--title)}.divider{height:1px;background:var(--border);margin:22px 0}.footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:24px 5%;border-top:1px solid var(--border);color:var(--muted);font:11px var(--title);letter-spacing:1px}.empty{padding:25px;text-align:center;border:1px dashed var(--border);border-radius:10px;color:var(--muted)}.actions{display:flex;gap:7px;flex-wrap:wrap}.actions form{margin:0}.checkbox{display:flex!important;align-items:center;gap:9px!important}.checkbox input{width:auto}.small{font-size:14px;color:var(--muted)}
@media(max-width:700px){.topbar{position:relative;flex-direction:column}.nav{justify-content:center}.grid{grid-template-columns:1fr}.wrap{padding-top:30px}.hero{padding-top:45px}.section-head{align-items:start;flex-direction:column}.panel,.card{padding:19px}.footer{justify-content:center;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}