:root{color:#eaf0f8;font-synthesis:none;background:#07101d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -20%,#17345b 0,#0000 38%),#07101d;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}.center,.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.spinner{border:3px solid #24415f;border-top-color:#62a8ff;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1929e8;border:1px solid #263a52;border-radius:22px;width:min(440px,100%);padding:40px;box-shadow:0 28px 90px #0009}.eyebrow{color:#69adff;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.login-card h1{margin:8px 0;font-size:40px}.muted,header p{color:#8fa1b8;line-height:1.55}form{gap:16px;margin-top:28px;display:grid}label{color:#bdc9d8;gap:7px;font-size:13px;font-weight:650;display:grid}input{color:#eef5ff;background:#081321;border:1px solid #2b4059;border-radius:10px;outline:none;min-width:0;padding:12px 14px}input:focus{border-color:#5da6fa;box-shadow:0 0 0 3px #3489e826}.primary,.success-button,.danger-button,.ghost{color:#fff;border:1px solid #0000;border-radius:10px;padding:10px 14px;font-weight:700}.primary{background:#237ee8;box-shadow:0 8px 24px #237ee83d}.ghost{color:#bdcce0;background:#101e30;border-color:#2a3e56}.danger-button{color:#ffadb8;background:#321923;border-color:#62323b}.success-button{color:#8be0bc;background:#12352b;border-color:#245b48}.alert{color:#ffc4ca;background:#381922;border:1px solid #733644;border-radius:10px;justify-content:space-between;align-items:center;margin:0 0 18px;padding:12px 15px;display:flex}.alert button{color:inherit;background:0 0;border:0;font-size:20px}.app{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#091522db;border-right:1px solid #1c3046;flex-direction:column;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand>span{background:linear-gradient(145deg,#5eaeff,#1d68ce);border-radius:11px;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.brand div{gap:3px;display:grid}.brand small{color:#70869f;font-size:10px}nav{gap:5px;display:grid}.nav{color:#91a6bd;text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;width:100%;padding:11px 12px;display:flex}.nav:hover,.nav.active{color:#f0f6ff;background:#14263a}.nav b{color:#8ebcec;text-align:center;background:#213b58;border-radius:10px;min-width:28px;padding:2px 7px;font-size:11px}.logout{margin-top:auto}.content{width:100%;max-width:1360px;padding:42px clamp(24px,5vw,72px)}header{margin-bottom:28px}header h1{margin:0 0 7px;font-size:32px}header p{margin:0}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;display:grid}.stats.four{grid-template-columns:repeat(4,1fr)}.stats.five{grid-template-columns:repeat(5,minmax(0,1fr))}.stats>*{text-align:left;min-height:142px;color:inherit;background:linear-gradient(150deg,#112236,#0d1a2a);border:1px solid #20364e;border-radius:16px;align-content:center;gap:4px;padding:24px;display:grid}.stats button:hover{border-color:#38658f}.stats small{color:#8da1b7}.stats strong{font-size:38px}.stats strong.status-word{font-size:22px}.stats span{color:#6f849c;font-size:12px}.success{color:#72d5ac!important}.danger{color:#ff8998!important}.panel{background:#0d1a2a;border:1px solid #20364e;border-radius:16px;padding:22px;overflow:hidden}.panel h2{margin:0 0 18px;font-size:18px}.server-list{display:grid}.server-list article{border-top:1px solid #1a3045;align-items:center;gap:13px;padding:14px 2px;display:flex}.server-list article:first-child{border-top:0}.server-list article div{flex:1;gap:3px;display:grid}.server-list small,td small{color:#71879f;font-size:11px;display:block}.flag{font-size:24px}.badge{color:#aebdd0;background:#1b3047;border-radius:9px;width:max-content;padding:5px 9px;font-size:11px;font-weight:750;display:inline-block}.badge.healthy{color:#81d9b5;background:#173b32}.badge.unhealthy{color:#ff9baa;background:#421f29}.badge.inactive,.badge.unknown{color:#acb9c8;background:#273442}.badge.maintenance{color:#ffd48a;background:#46391e}.toolbar{justify-content:space-between;gap:16px;margin-bottom:16px;display:flex}.toolbar>input{width:min(320px,100%)}.toolbar form{gap:9px;margin:0;display:flex}.table-wrap{padding:0;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #193047;padding:15px 18px}th{color:#7189a2;letter-spacing:.05em;text-transform:uppercase;font-size:11px}td{color:#b9c7d7;font-size:13px}td strong{color:#edf5ff}tr:last-child td{border-bottom:0}.actions{justify-content:flex-end;gap:7px;display:flex}.actions button{padding:7px 9px;font-size:11px}.empty{color:#71869d;text-align:center;padding:28px!important}.request-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;display:grid}.request-card{background:#0d1a2a;border:1px solid #20364e;border-radius:16px;grid-template-columns:auto 1fr;gap:14px;padding:20px;display:grid}.avatar{color:#cae5ff;background:#1f4d79;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:850;display:grid}.request-person h2{margin:2px 0;font-size:16px}.request-person p{color:#7890a8;margin:0;font-size:12px}.request-card dl{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0;display:grid}.request-card dl div{gap:3px;display:grid}.request-card dt{color:#7189a2;text-transform:uppercase;font-size:10px}.request-card dd{color:#c5d2e1;margin:0;font-size:12px}.request-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.modal{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#02070dcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal section{background:#101e2f;border:1px solid #2c465f;border-radius:18px;width:min(580px,100%);padding:30px;position:relative;box-shadow:0 28px 100px #000}.modal h2{margin:8px 0}.modal code{overflow-wrap:anywhere;color:#98caff;background:#071321;border:1px solid #29425e;border-radius:9px;margin:20px 0;padding:14px;display:block}.details-dialog h3{margin:24px 0 10px;font-size:15px}.details-grid{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.details-grid div{background:#0b1827;border:1px solid #243b53;border-radius:10px;gap:4px;padding:12px;display:grid}.details-grid dt{color:#7189a2;text-transform:uppercase;font-size:10px}.details-grid dd{color:#d9e5f2;margin:0;font-size:12px}.profile-list{display:grid}.profile-list article{border-top:1px solid #24384d;align-items:center;gap:12px;padding:13px 0;display:flex}.profile-list article div{flex:1;gap:3px;display:grid}.profile-list small{color:#71879f;font-size:11px}.close{color:#8ca1b8;background:0 0;border:0;font-size:24px;position:absolute;top:12px;right:14px}@media (width<=840px){.app{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #1c3046;border-right:0;height:auto;padding:14px;position:static}.brand{padding-bottom:12px}nav{grid-template-columns:repeat(4,1fr)}.logout{position:absolute;top:18px;right:14px}.content{padding:26px 16px}.stats,.stats.four,.stats.five{grid-template-columns:1fr}.toolbar{flex-direction:column}.toolbar form{grid-template-columns:1fr auto;display:grid}.table-wrap{margin:0 -1px}}@media (width<=520px){.brand small{display:none}.nav{justify-content:center;font-size:12px}.nav b{display:none}.logout{padding:7px 9px;font-size:11px}.actions{display:grid}.login-card{padding:28px 22px}.details-grid{grid-template-columns:1fr}}