*{box-sizing:border-box}body{color:#e5e7eb;background:#0f172a;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:9px 12px;font-weight:600}button:hover{background:#1d4ed8}button:disabled{cursor:not-allowed;background:#64748b}.app{min-height:100vh;display:flex}.sidebar{background:#020617;border-right:1px solid #1e293b;width:230px;padding:24px;position:fixed;top:0;bottom:0;left:0}.sidebar h2{color:#38bdf8;margin-top:0;margin-bottom:32px}.sidebar nav{flex-direction:column;gap:14px;display:flex}.sidebar a{color:#cbd5e1;border-radius:8px;padding:10px}.sidebar a:hover{background:#1e293b}.main{width:calc(100% - 230px);margin-left:230px;padding:28px}.header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.header h1{margin:0}.header p{color:#94a3b8;margin-bottom:0}.actions{flex-wrap:wrap;gap:10px;display:flex}.cards{grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:28px;display:grid}.card{background:#111827;border:1px solid #1f2937;border-radius:14px;padding:18px}.card span{color:#94a3b8;margin-bottom:10px;font-size:14px;display:block}.card strong{font-size:32px}.card.danger{border-color:#ef4444}.card.warning{border-color:#f59e0b}.panel{background:#111827;border:1px solid #1f2937;border-radius:14px;margin-bottom:28px;padding:20px;overflow-x:auto}.panel h2{margin-top:0;margin-bottom:18px}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #1f2937;padding:12px}th{color:#94a3b8;font-size:14px;font-weight:600}td{color:#e5e7eb;font-size:14px}.message{color:#cbd5e1;max-width:420px}.badge{text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-block}.badge.low{color:#e2e8f0;background:#334155}.badge.medium{color:#bfdbfe;background:#1e40af}.badge.high{color:#fecaca;background:#7f1d1d}.badge.critical{color:#fee2e2;background:#450a0a}.table-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=1100px){.cards{grid-template-columns:repeat(3,1fr)}.header{flex-direction:column;align-items:flex-start}}@media (width<=760px){.sidebar{border-bottom:1px solid #1e293b;border-right:none;width:100%;position:static}.app{flex-direction:column}.main{width:100%;margin-left:0}.cards{grid-template-columns:repeat(2,1fr)}}.pagination{justify-content:flex-end;align-items:center;gap:14px;margin-top:18px;display:flex}.pagination span{color:#cbd5e1;font-size:14px}
