*{box-sizing:border-box}body{color:#172033;background:#f4f7fb;margin:0;font-family:Inter,Arial,sans-serif}.app{min-height:100vh;display:flex}aside{color:#fff;background:#0d1b35;width:240px;padding:22px 14px}.brand{align-items:center;gap:12px;margin:0 8px 28px;font-size:18px;display:flex}.brand b{color:#19c3e6;font-size:42px}.brand small{opacity:.7}aside button{color:#c8d3e6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;margin:2px 0;padding:12px 14px}aside button.active,aside button:hover{color:#fff;background:#17335e}main{flex:1;max-width:1500px;padding:30px}header{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}h1{margin:0;font-size:28px}header p{color:#667085;margin:5px 0}header button{cursor:pointer;background:#fff;border:1px solid #d7deea;border-radius:8px;padding:10px 18px}.cards{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:22px;display:grid}.card,.panel{background:#fff;border:1px solid #e1e7f0;border-radius:12px;box-shadow:0 2px 8px #1720330a}.card{padding:20px}.card span{color:#667085;font-size:13px}.card strong{margin-top:10px;font-size:30px;display:block}.panel{padding:22px}h2{margin-top:0}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid #edf0f5;padding:12px}th{color:#667085}.sev{background:#eef2f7;border-radius:12px;padding:4px 8px;font-size:12px}.sev.critical{color:#b42318;background:#ffe2e2}.sev.warning,.sev.warn{color:#9a6700;background:#fff1d6}@media (width<=900px){aside{width:190px}.cards{grid-template-columns:repeat(2,1fr)}}