:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#edf8ff;background:#071018;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}.hidden{display:none!important}.muted,.hint,small{color:#819aab}.muted{font-weight:400}p{line-height:1.55}h1{font-size:30px;letter-spacing:-.9px}h2{font-size:20px;margin:0}h3{font-size:17px;margin:0}.brand{display:flex;align-items:center;gap:12px;font-size:15px;letter-spacing:.8px}.brand small{display:block;font-size:9px;letter-spacing:2.6px;margin-top:4px}.logo{display:grid;place-items:center;width:40px;height:40px;background:linear-gradient(135deg,#09bed8,#2458bc);border-radius:12px;font-size:28px;box-shadow:0 4px 16px #0dcde42e}.login-scr{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 80% 4%,#0d4a5c44,transparent 50%),#071018}.login-box{width:min(460px,100%);border:1px solid #294253;border-radius:26px;background:#121e29;padding:38px;box-shadow:0 18px 80px #0008}.login-box h1{margin-top:34px}.login-box p{color:#93a9b7}.login-box .status{min-height:18px;color:#ffa5ae}label{display:block;color:#a5c0cb;font-size:12px;font-weight:650;margin:13px 0 8px}input,select,textarea{display:block;width:100%;background:#0b1822;border:1px solid #2a4353;color:#ecf7ff;border-radius:11px;padding:12px 13px;margin-top:8px;outline:none}input:focus,select:focus,textarea:focus{border-color:#13c6db;box-shadow:0 0 0 3px #13c6db22}button.primary{background:linear-gradient(125deg,#15bfd4,#087fa2);color:#04171e;font-weight:750;border:0;border-radius:11px;padding:13px 17px;box-shadow:0 4px 18px #0fbee319}.full{width:100%;margin-top:12px}.outline{border:1px solid #325162;background:#142734;border-radius:10px;color:#b7e5ee;padding:12px 16px}.dashboard{display:flex;min-height:100vh}aside{position:sticky;top:0;height:100vh;flex:0 0 246px;background:#0c1722;border-right:1px solid #223744;padding:24px 16px;display:flex;flex-direction:column}.nav-caption{margin:48px 12px 14px;color:#668398;font-size:10px;letter-spacing:2px}.side{padding:13px;text-align:left;border:0;background:transparent;color:#9cb9c8;border-radius:10px;margin:3px 0}.side.active,.side:hover{background:#153641;color:#52e3f4}.aside-bottom{margin-top:auto;border-top:1px solid #1b3444;padding:18px 8px 0;color:#a3ccd2;font-size:13px;line-height:2}.aside-bottom small{font-size:10px}.dot{display:inline-block;background:#35d59d;width:9px;height:9px;border-radius:50%;margin-right:7px}main{width:100%;min-width:0;max-width:1600px;padding:42px 40px}header,.surface-head,.head-between{display:flex;justify-content:space-between;gap:16px;align-items:center}header h1{margin:10px 0 0}header p{margin:4px 0 20px}.eyebrow{font-size:10px;font-weight:700;color:#49c5d7;letter-spacing:2px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0 24px}.stats article{background:linear-gradient(135deg,#112432,#0d1c26);border:1px solid #28414e;border-radius:16px;padding:22px}.stats small{font-size:10px;letter-spacing:1.2px}.stats strong{display:block;font-size:38px;margin:10px 0 5px}.stats span{font-size:12px;color:#7896a8}.surface{border:1px solid #28404e;background:#101e29;border-radius:17px;overflow:hidden}.surface-head{padding:21px 23px}.surface-head p{font-size:12px;color:#7593a5;margin:5px 0 0}.surface-head input{max-width:320px;margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#142734;color:#7691a3;font-size:10px;letter-spacing:1.1px;padding:13px 20px}td{padding:17px 20px;border-top:1px solid #1e3443;font-size:12px;color:#adc8d4;white-space:nowrap}td b{color:#e7fbff;display:block;font-size:13px;margin-bottom:4px}.mono{font:12px ui-monospace,Consolas,monospace;color:#84bbce}.badge{display:inline-block;border:1px solid #38536b;padding:5px 9px;border-radius:100px;font-size:10px}.badge.active{color:#51e2ba;border-color:#238e79;background:#0c4b3e55}.badge.pending{color:#ffc47c;border-color:#87633f;background:#76532229}.badge.suspended{color:#ff8a98;border-color:#8b4250;background:#85303e33}.smallbtn{border:1px solid #275c6a;background:#133a48;color:#71e4f3;border-radius:9px;padding:8px 14px}.empty{padding:40px;color:#9baebf;text-align:center}.foot{color:#698493;font-size:11px;text-align:center;margin-top:25px}.backdrop{position:fixed;z-index:20;inset:0;background:#01080dcc;display:flex;align-items:center;justify-content:center;padding:16px}.drawer{margin-left:auto;width:min(700px,100%);height:100%;background:#101f2b;border-left:1px solid #365767;display:flex;flex-direction:column;border-radius:18px 0 0 18px}.drawer-top{display:flex;align-items:start;justify-content:space-between;padding:24px 28px 17px;border-bottom:1px solid #2a4350}.drawer-scroll{overflow-y:auto;padding:20px 28px 40px}.drawer-scroll hr{border:0;border-top:1px solid #29414e;margin:24px 0}.xbtn{background:#1b303d;color:#c1dde6;border:1px solid #3a5260;border-radius:11px;font-size:23px;width:40px;height:40px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.server-card{padding:14px 16px;background:#142734;border:1px solid #264654;border-radius:13px;margin:12px 0;display:flex;gap:10px;align-items:center;justify-content:space-between}.server-card strong{display:block}.server-card span{font-size:11px;color:#89a8b9}.server-actions{display:flex;gap:6px}.danger{border:1px solid #923e51;color:#ffabb7;background:#56263277;border-radius:9px;padding:9px}.modal{width:min(600px,100%);max-height:95vh;overflow-y:auto;border:1px solid #355362;border-radius:19px;background:#101e29;padding:25px}.switchline{display:flex;align-items:center;gap:10px;font-size:13px}.switchline input{width:18px;height:18px;margin:0;accent-color:#18bed8}.toast{position:fixed;bottom:20px;right:25px;z-index:50;padding:14px 20px;border:1px solid #268fa0;background:#133a47;color:#d9fbff;border-radius:10px;max-width:420px;box-shadow:0 8px 50px #0008}#eventRows{padding:12px 20px}#eventRows>div{padding:12px;border-bottom:1px solid #253844;color:#a6bfca;font-size:12px}#eventRows time{color:#55cbda;margin-right:15px}@media(max-width:900px){aside{flex:0 0 180px}main{padding:23px 18px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){aside{height:auto;position:relative;flex:none;width:100%;padding:14px}.dashboard{display:block}.aside-bottom,.nav-caption{display:none}aside .side{display:inline-block;margin-right:5px}main{padding:18px 12px}header{align-items:start}.stats{gap:8px}.stats article{padding:14px}.stats strong{font-size:27px}.stats small{font-size:9px}.surface-head{display:block}.surface-head input{max-width:none;margin-top:14px}.drawer{border-radius:14px;width:100%}.two{grid-template-columns:1fr}.drawer-scroll{padding:16px}.drawer-top{padding:19px}}