:root{font-family:Inter,Arial,sans-serif;color:#17202c;background:#f5f7fb;--dark:#121826;--blue:#2563eb;--line:#e4e8ef;--muted:#687386}*{box-sizing:border-box}body{margin:0}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 10%,#294f9c,transparent 33%),#101827}.login form{width:min(100%,440px);padding:42px;border-radius:22px;background:#fff;display:grid;gap:16px}.brand{font-weight:900;letter-spacing:-1.4px;font-size:22px;margin:0}.brand span{color:#4f83ff}.login h1{font-size:34px;line-height:1.1;margin:20px 0 0}.login form>p:not(.brand),small{color:var(--muted);line-height:1.5}.login label,.panel label{display:grid;gap:7px;font-size:14px;font-weight:700}input,select{border:1px solid #d5dbe5;border-radius:9px;padding:13px;background:#fff;font:inherit}button{border:0;border-radius:9px;background:var(--blue);color:#fff;padding:13px 16px;font-weight:750;font:inherit;cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.app aside{background:var(--dark);padding:30px 16px;color:#fff;display:flex;flex-direction:column}.app aside .brand{margin:0 12px 38px}.user{margin:0 12px 28px;font-size:14px;color:#dbe4f5}.user strong,.user small{display:block;margin-top:5px}.user small{font-size:12px;color:#8da0bd}nav{display:grid;gap:5px}nav button,.logout{background:transparent;text-align:left;color:#aebbd0;padding:12px}.active,nav button:hover{background:#202a3c!important;color:#fff!important}.logout{margin-top:auto}main{padding:38px max(5vw,35px)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}header h1{margin:5px 0;font-size:30px}.eyebrow{font-size:11px;letter-spacing:1.4px;color:#72809a;font-weight:800;margin:0}.badge{padding:7px 10px;background:#edf5ff;color:#2563eb;border-radius:20px;font-size:12px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}.stats small,.stats span,.panel>p{color:var(--muted)}.stats strong{display:block;font-size:28px;margin:9px 0}.stats span{font-size:13px}.panel{margin-top:24px}.panel h2,.panel h3{margin:0 0 7px}.panel-head{display:flex;justify-content:space-between;align-items:center}.secondary{background:#eef3ff;color:#2563eb}.server-cards{display:flex;gap:12px;margin-top:22px}.server-cards article{border:1px solid var(--line);border-radius:10px;padding:15px;flex:1}.server-cards strong,.server-cards small,.server-list strong,.server-list small{display:block;margin:5px 0}.server-cards small,.server-list small{color:var(--muted);font-size:13px}.dot{display:inline-block;width:9px;height:9px;border-radius:50%}.blue{background:#3b82f6}.purple{background:#8b5cf6}.form-layout{display:grid;grid-template-columns:minmax(330px,540px) 260px;gap:20px}.panel form{display:grid;gap:16px}.info{background:#f0f5ff;border-color:#d7e4ff}.info span{font-size:24px}.empty{text-align:center;padding:55px;color:var(--muted)}.empty b{font-size:40px}.server-list{margin-top:22px;display:grid;gap:10px}.server-list div{border:1px solid var(--line);padding:14px;border-radius:9px}.modal{position:fixed;inset:0;background:#101827a8;display:grid;place-items:center;padding:22px}.modal article{position:relative;width:min(100%,380px);text-align:center;background:#fff;padding:34px;border-radius:18px}.close{position:absolute;right:12px;top:10px;color:#5d6a7e;background:transparent;font-size:25px;padding:3px 10px}.qr{width:144px;height:144px;margin:22px auto;background:repeating-linear-gradient(45deg,#14233d 0 7px,#fff 7px 13px);color:#fff;display:grid;place-items:center;font-weight:900;border:9px solid #fff;outline:1px solid #dbe1ea}code{display:block;background:#f3f5f8;padding:10px;border-radius:6px;white-space:nowrap;overflow:hidden;margin:15px 0}.modal small{font-size:12px;display:block}@media(max-width:760px){.app{grid-template-columns:1fr}.app aside{padding:14px;display:block}.app aside .brand{margin:0 0 10px}.user,.logout{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap}.stats,.form-layout{grid-template-columns:1fr}.server-cards{flex-direction:column}main{padding:25px 18px}}