body {
background: linear-gradient(135deg, #451d79 0%, #6b2fa8 100%);
}
.card-login {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(10px);
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
}
.btn-custom {
background: #451d79;
color: white;
transition: all 0.3s ease;
}
.btn-custom:hover {
background: #6b2fa8;
color: white;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(69, 29, 121, 0.4);
}
.modal-custom .modal-content {
background: linear-gradient(135deg, #451d79 0%, #6b2fa8 100%);
color: white;
border: none;
border-radius: 1rem;
}
.success-icon {
font-size: 4rem;
}
.form-control:focus {
border-color: #6b2fa8;
box-shadow: 0 0 0 0.2rem rgba(107, 47, 168, 0.25);
}
.alert-custom {
background: rgba(220, 53, 69, 0.1);
border: 1px solid rgba(220, 53, 69, 0.3);
color: #dc3545;
border-radius: 0.5rem;
}
.pagina {
display: none;
}
.pagina.activa {
display: block;
}
.sidebar {
background-color: #451d79;
}
.sidebar .nav-link:hover {
background-color: #7a3cc9;
border-radius: 5px;
}
.card-dashboard {
height: 150px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.2rem;
font-weight: bold;
cursor: pointer;
transition: 0.3s;
}
.card-dashboard:hover {
transform: scale(1.05);
}
.card-dashboard.tareas {
background-color: #7024d3;
}
.card-dashboard.usuarios {
background-color: #8852ce;
}
.card-dashboard.cuenta {
background-color: #ba90f1;
}