*{box-sizing:border-box}body{color:#152033;background:#eef3f8;margin:0;font-family:Inter,Arial,sans-serif}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:linear-gradient(#07192f,#061122);width:270px;padding:24px;position:relative}.logo{letter-spacing:-.5px;font-size:28px;font-weight:900}.subtitle{color:#9fb7d8;margin:6px 0 28px;font-size:14px}nav{gap:10px;display:grid}nav a{color:#dce8ff;cursor:default;background:#ffffff0f;border-radius:14px;padding:13px 14px;text-decoration:none}nav a.active,nav a:hover{color:#fff;background:#2563eb}.note{color:#dce8ff;background:#ffffff14;border:1px solid #ffffff14;border-radius:18px;padding:16px;position:absolute;bottom:24px;left:24px;right:24px}.note p{color:#9fb7d8;margin-bottom:0;font-size:13px;line-height:1.45}.main{flex:1;padding:28px}.topbar{background:#fff;border-radius:24px;justify-content:space-between;align-items:center;padding:24px;display:flex;box-shadow:0 10px 30px #14285014}.topbar h1{margin:0;font-size:30px}.topbar p{color:#6b7890;margin:8px 0 0}button{color:#fff;background:#2563eb;border:0;border-radius:14px;padding:12px 18px;font-weight:800}.cards{grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0;display:grid}.card{background:#fff;border-radius:22px;padding:22px;box-shadow:0 10px 30px #14285014}.card span{margin-top:10px;font-size:36px;font-weight:900;display:block}.card small{color:#6b7890}.content{grid-template-columns:1.4fr .8fr;gap:22px;display:grid}.rackPanel,.details{background:#fff;border-radius:24px;padding:22px;box-shadow:0 10px 30px #14285014}.sectionHeader{justify-content:space-between;align-items:start;margin-bottom:16px;display:flex}.sectionHeader h2,.details h2{margin:0}.sectionHeader p{color:#6b7890;margin:6px 0 0}.sectionHeader strong{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:8px 12px}.rack{background:#101828;border:10px solid #1d293d;border-radius:18px;overflow:hidden;box-shadow:inset 0 0 30px #00000073}.unit{color:#9ca3af;border-bottom:1px solid #ffffff14;grid-template-columns:58px 1fr;align-items:center;height:25px;padding:0 10px;font-size:12px;display:grid}.unit.busy{color:#fff;background:linear-gradient(90deg,#2563eb,#38bdf8)}.unit strong{font-size:12px}.status{color:#15803d;background:#dcfce7;border-radius:999px;margin:12px 0;padding:7px 12px;font-weight:800;display:inline-block}.serverBox{color:#e5e7eb;letter-spacing:4px;background:linear-gradient(145deg,#111827,#334155);border-radius:18px;justify-content:center;align-items:center;height:150px;margin:12px 0 18px;font-weight:900;display:flex}.details p{border-bottom:1px solid #eef2f7;padding-bottom:10px}.links{gap:10px;margin-top:16px;display:grid}.links a{color:#2563eb;font-weight:800}@media (width<=1100px){.cards,.content{grid-template-columns:1fr}.sidebar{display:none}}