body { font-family: 'Segoe UI', sans-serif; background: #f4f7f6; margin: 0; }
.sidebar { height: 100vh; width: 250px; position: fixed; background: #2c3e50; color: white; padding: 20px; }
.sidebar a { padding: 12px; text-decoration: none; color: #bdc3c7; display: block; border-radius: 5px; margin-bottom: 5px; }
.sidebar a:hover, .sidebar .active { background: #34495e; color: white; border-left: 4px solid #3498db; }
.main-content { margin-left: 250px; padding: 30px; }
.card { border-radius: 12px; border: none; box-shadow: 0 4px 10px rgba(0,0,0,0.05); margin-bottom: 20px; }