body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;display:flex}
.sidebar{width:240px;background:#111827;color:#fff;min-height:100vh;padding:20px}
.sidebar h2{margin:0 0 20px}
.sidebar ul{list-style:none;padding:0}
.sidebar li{padding:12px;border-radius:8px;margin:6px 0}
.active,.sidebar li:hover{background:#2563eb}
.main{flex:1;padding:30px}
header{display:flex;justify-content:space-between;align-items:center}
button{background:#2563eb;color:#fff;border:0;padding:10px 18px;border-radius:8px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}
.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.table{background:#fff;padding:20px;border-radius:12px}
table{width:100%;border-collapse:collapse}
th,td{padding:12px;border-bottom:1px solid #ddd;text-align:left}