:root{color:#d7e0ed;background:#08111f;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}aside{background:#0c1728;border-right:1px solid #203049;flex-direction:column;padding:28px 16px;display:flex}.brand{color:#59d5ff;letter-spacing:.06em;font-size:20px;font-weight:800}.brand span{color:#fff}nav{gap:7px;margin-top:42px;display:grid}nav a{color:#9aacc4;border-radius:8px;padding:11px 12px;font-size:14px}.active{color:#fff;background:#123254}button{color:#fff;cursor:pointer;background:#1c82b9;border:0;border-radius:7px;padding:10px 16px;font-weight:650}.logout{color:#aebed1;background:0 0;border:1px solid #31445f;margin-top:auto}main{width:100%;max-width:1500px;margin:auto;padding:42px}header,.panel-head{justify-content:space-between;align-items:center;gap:20px;display:flex}h1{color:#fff;margin:3px 0;font-size:30px}h2{color:#fff;margin:0;font-size:18px}.eyebrow{color:#55c9ef;letter-spacing:.13em;margin:0;font-size:11px;font-weight:750}header+.error{margin-top:18px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin:36px 0;display:grid}.metrics article,.panel{background:#0e1c30;border:1px solid #20334e;border-radius:10px}.metrics article{padding:22px}.metrics p,.panel p{color:#93a7c1;margin:0;font-size:13px}.metrics strong{color:#fff;margin-top:10px;font-size:34px;display:block}.panel{padding:22px}.panel-head{margin-bottom:19px}.panel-head span{color:#91a8c6;font-size:12px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#8398b5;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #283955;padding:13px 10px;font-size:11px}td{color:#d8e1ee;border-bottom:1px solid #1c2c45;padding:15px 10px}.status{letter-spacing:.06em;font-size:11px;font-weight:800}.status.up{color:#48d597}.status.down{color:#ff6e73}.status.unknown{color:#f4bf54}.empty{text-align:center;color:#8498b3;padding:45px}.footnote{color:#8194ad;font-size:12px}.login{background:radial-gradient(circle at 20% 20%,#12375c,#08111f 45%);place-items:center;min-height:100vh;display:grid}.login section{background:#0e1c30;border:1px solid #23405f;border-radius:12px;width:min(390px,90vw);padding:36px}.login form{gap:13px;margin-top:28px;display:grid}.login input{color:#fff;background:#091426;border:1px solid #2d4667;border-radius:7px;padding:13px}.error{color:#ff9194;font-size:13px}@media (width<=800px){.shell{grid-template-columns:1fr}aside{display:none}main{padding:24px}.metrics{grid-template-columns:repeat(2,1fr)}.panel{overflow:auto}}:root .actions{flex-wrap:wrap;gap:8px;display:flex}.secondary{color:#d7e5f5;background:#182b45;border:1px solid #34506f}.create-panel{background:#10233a;border:1px solid #31506f;border-radius:10px;margin:24px 0;padding:20px}.create-form{grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px;margin-top:16px;display:grid}.create-form input,:root .create-form select{color:#fff;background:#091426;border:1px solid #2d4667;border-radius:7px;padding:11px}.create-form .error{grid-column:1/-1}nav .nav-item{text-align:left;color:#9aacc4;background:0 0;width:100%;padding:11px 12px;font-weight:400}nav .nav-item:hover{color:#fff;background:#102640}nav .nav-item.active{color:#fff;background:#123254}.feature-note{margin-top:28px}.feature-note p{margin-top:12px}