* { box-sizing: border-box; margin: 0; padding: 0; font-family: sans-serif; }
body { display: flex; background-color: #f4f6f9; min-height: 100vh; }
.sidebar { width: 220px; background: #1e1e2d; color: #fff; padding: 20px; }
.sidebar h2 { color: #6c5ce7; margin-bottom: 30px; }
.sidebar li.active { background: #6c5ce7; padding: 10px; border-radius: 5px; list-style: none; }
.main-content { flex: 1; padding: 30px; }
.stats-cards { display: flex; gap: 20px; margin: 20px 0; }
.card { background: #fff; padding: 20px; border-radius: 8px; flex: 1; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.card p { font-size: 28px; font-weight: bold; color: #6c5ce7; margin-top: 10px; }
.table-section { background: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
table { width: 100%; border-collapse: collapse; margin-top: 15px; }
th, td { text-align: left; padding: 12px; border-bottom: 1px solid #ddd; }
th { background: #f8fafc; }