:root{--bg:#020a16;--panel:#071626;--panel2:#0b1d31;--line:#253b55;--text:#f7f9ff;--muted:#a9b6c8;--purple:#7c2bd8;--cyan:#21d4fd;--green:#28ca67;--amber:#ffbd2e}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}.ambient{position:fixed;inset:0;background:radial-gradient(circle at 60% 0,#163c5b88,transparent 35%),radial-gradient(circle at 90% 80%,#53127855,transparent 35%);pointer-events:none}.hidden{display:none!important}.card{background:linear-gradient(145deg,#0b1c2dee,#050d19ee);border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 55px #0009}.login{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);padding:38px}.brand{display:flex;align-items:center;gap:12px;margin-bottom:38px}.brand>span{font-size:55px;color:#cf37ff;transform:rotate(-5deg)}.brand b,.brand small{display:block}.brand b{font-size:23px}.brand small{color:#dba4ff;letter-spacing:4px}.login h1{margin:0 0 6px}.login p{color:var(--muted)}label{display:grid;gap:7px;margin:18px 0;color:#d9e2ef;font-size:14px}input{width:100%;padding:13px;border:1px solid #334b66;border-radius:9px;color:white;background:#06111e}.primary,.outline{border:1px solid #3d5270;border-radius:9px;padding:11px 16px;color:white;background:#0b1726;cursor:pointer}.primary{border-color:#8d3bea;background:linear-gradient(135deg,#8d3bea,#5914bc);font-weight:700}.login .primary{width:100%;margin-top:8px}.error{min-height:20px;color:#ff8796}.shell{position:relative;display:grid;grid-template-columns:260px 1fr;min-height:100vh}.shell>aside{display:flex;flex-direction:column;padding:24px 18px;border-right:1px solid var(--line);background:#06111eee}.shell nav{display:grid;gap:7px}.shell nav button{border:0;border-radius:10px;padding:14px;color:#dfe8f5;background:transparent;text-align:left;cursor:pointer}.shell nav button.active{background:linear-gradient(90deg,#6926b9,#351a68)}.server{display:grid;gap:5px;margin-top:auto;padding:16px;border:1px solid var(--line);border-radius:12px}.server i{width:11px;height:11px;border-radius:50%;background:var(--green)}.server small{color:var(--muted)}#logout{margin-top:12px}.workspace{padding:28px;min-width:0}.workspace>header{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.workspace h1{margin:0;font-size:30px}.workspace header p{margin:5px 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:20px}.stat small{color:var(--muted)}.stat strong{display:block;font-size:34px;margin-top:10px}.panel{margin-top:16px;padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel h2{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px;border-bottom:1px solid #20354b;text-align:left}th{color:#becbdd;font-size:13px}.badge{padding:5px 9px;border-radius:99px;background:#143750;color:#6fe1ff}.badge.good{background:#113a29;color:#7df2a9}.actions{display:flex;gap:8px}.empty{padding:45px;text-align:center;color:var(--muted)}.overlay{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#010713dd}.modal{position:relative;width:min(520px,100%);padding:28px}.close{position:absolute;right:12px;top:8px;border:0;background:none;color:white;font-size:30px}.code{display:block;margin:18px;padding:16px;text-align:center;color:#ffd43b;font-size:38px;font-weight:800;letter-spacing:8px;background:#030a12;border-radius:10px}@media(max-width:900px){.shell{grid-template-columns:1fr}.shell>aside{display:none}.stats{grid-template-columns:1fr 1fr}.workspace{padding:18px}}