:root { --admin-primary: #0d6efd; --admin-sidebar: #212529; --admin-sidebar-hover: #495057; --admin-bg: #f8f9fa; } body { background-color: var(--admin-bg); } .admin-sidebar { min-height: 100vh; background-color: var(--admin-sidebar); width: 250px; position: fixed; top: 0; left: 0; z-index: 1000; padding-top: 20px; } .admin-sidebar .nav-link { color: #fff; padding: 12px 20px; border-radius: 0; margin-bottom: 2px; } .admin-sidebar .nav-link:hover, .admin-sidebar .nav-link.active { background-color: var(--admin-sidebar-hover); color: #fff; } .admin-sidebar .nav-link i { margin-right: 10px; width: 20px; } .admin-main { margin-left: 250px; padding: 0; } .admin-header { background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); padding: 15px 30px; margin-bottom: 30px; } .admin-content { padding: 0 30px 30px; } .stats-card { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border-radius: 15px; padding: 25px; margin-bottom: 20px; border: none; } .stats-card.success { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); } .stats-card.warning { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); } .stats-card.info { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); } .admin-table { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } .admin-table th { background-color: #f8f9fa; border: none; font-weight: 600; color: #495057; } .admin-table td { border: none; vertical-align: middle; } .admin-table tbody tr { border-bottom: 1px solid #f8f9fa; } .admin-table tbody tr:hover { background-color: #f8f9fa; } .sidebar-brand { color: #fff; font-size: 1.2rem; font-weight: bold; padding: 0 20px 30px; border-bottom: 1px solid #495057; margin-bottom: 20px; } .sidebar-brand i { margin-right: 10px; color: var(--admin-primary); }