*{box-sizing:border-box}
body{margin:0;background:#f8fafc;color:#0f172a;font-family:Inter,Arial,sans-serif}
.layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
aside{background:#0f172a;color:white;padding:24px}
aside h2{margin-top:0}
aside a{display:block;color:#cbd5e1;text-decoration:none;padding:12px;border-radius:12px;margin:6px 0}
aside a:hover{background:#1e293b;color:#fff}
main{padding:28px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0}
.card,.panel{background:white;border:1px solid #e2e8f0;border-radius:18px;padding:20px;box-shadow:0 18px 40px rgba(15,23,42,.06)}
.card span{display:block;color:#64748b;font-weight:700}
.card b{font-size:34px;display:block;margin-top:8px}
.card.danger{border-color:#fecaca}
table{width:100%;border-collapse:collapse;background:white;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px rgba(15,23,42,.06)}
th{background:#0f172a;color:white;text-align:left;padding:12px}
td{border-bottom:1px solid #e2e8f0;padding:12px}
.pill{background:#dbeafe;color:#1d4ed8;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}
.btn{display:inline-block;background:#2563eb;color:white;text-decoration:none;border-radius:10px;padding:8px 12px}
@media(max-width:800px){.layout{grid-template-columns:1fr}aside{position:relative}main{padding:16px}}