* { box-sizing: border-box; margin: 0; padding: 0; font-family: Arial, sans-serif; }
body { display: flex; height: 100vh; background-color: #f4f4f4; }
.sidebar { width: 250px; background-color: #333; color: white; padding: 20px; }
.sidebar h2 { font-size: 22px; margin-bottom: 30px; }
.sidebar ul { list-style: none; }
.sidebar ul li { margin-bottom: 15px; }
.sidebar ul li a { color: #ccc; text-decoration: none; font-size: 16px; }
.sidebar ul li a:hover { color: white; text-decoration: underline; }
.main-content { flex: 1; padding: 30px; }
.main-content h1 { font-size: 26px; margin-bottom: 20px; }
.stats-row { display: flex; gap: 20px; margin-bottom: 30px; }
.stat-box { background: white; padding: 20px; border-radius: 5px; flex: 1; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border-top: 4px solid #ccc; }
.stat-box h3 { font-size: 14px; color: #666; margin-bottom: 10px; }
.stat-box p { font-size: 20px; font-weight: bold; }
.user-table { width: 100%; background: white; border-collapse: collapse; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.user-table th { background-color: #e0e0e0; padding: 12px; text-align: left; font-size: 14px; }
.user-table td { padding: 12px; border-bottom: 1px solid #eee; font-size: 14px; }