:root {
    --primary-color: #3498db;      /* Azul original */
    --secondary-color: #2ecc71;    /* Verde original */
    --accent-color: #9b59b6;       /* Púrpura original */
    --danger-color: #e74c3c;       /* Rojo original */
    --light-bg: #f5f7fa;
    --text-dark: #34495e;
    --card-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
body { 
    font-family: 'Poppins', sans-serif; 
    background: #f0f2f5; 
}
.wrapper { 
    display: flex; 
    width: 100%; 
    min-height: 100vh; 
}
#sidebar { 
    width: 260px; 
    background: #2c3e50; /* Fondo oscuro sólido */ 
    transition: all 0.3s; 
}
#sidebar .sidebar-header { 
    padding: 20px; 
    text-align: center; 
    background: #3498db; /* Fondo azul sólido */ 
    color: white; 
}
#sidebar .sidebar-header h3 { 
    margin: 0; 
    font-weight: 700; 
}
#sidebar ul.components { 
    padding: 20px 0; 
}
#sidebar ul li a { 
    padding: 15px 20px; 
    font-size: 1.1em; 
    display: flex; 
    align-items: center; 
    color: rgba(255, 255, 255, 0.8); 
    font-weight: 500; 
    border-radius: 8px; 
    margin: 3px 15px; 
    transition: all 0.3s ease; 
    text-decoration: none; 
    border-left: 3px solid transparent; 
}
#sidebar ul li a:hover { 
    color: white; 
    background: rgba(255, 255, 255, 0.1); 
    border-left-color: #3498db; 
    transform: translateX(3px); 
}
#sidebar ul li.active > a { 
    color: white; 
    background: rgba(52, 152, 219, 0.2); 
    border-left-color: #3498db; 
}
#sidebar ul li a i { 
    width: 20px; 
    text-align: center; 
    margin-right: 12px; 
    font-size: 1.1em; 
}
#content { 
    width: calc(100% - 260px); 
    padding: 30px; 
    min-height: 100vh; 
    transition: all 0.3s; 
}