body {
    background-color: #0f1115;
    font-family: 'Inter', sans-serif;
    color: #ffffff;
}

.card {
    background-color: #1c1f26;
    border: 1px solid #2d313a;
    border-radius: 1rem;
}

.input-field {
    width: 100%;
    background-color: #13151a;
    border: 1px solid #2d313a;
    color: white;
    border-radius: 0.5rem;
    padding: 0.75rem 1rem;
    outline: none;
    transition: border-color 0.2s;
    appearance: none; /* Para el select */
}

.input-field:focus {
    border-color: #2563eb;
}

.btn-blue {
    background-color: #1d4ed8;
    color: white;
    border-radius: 0.5rem;
    transition: background-color 0.2s;
}

.btn-blue:hover {
    background-color: #1e40af;
}

/* Scrollbar oscura para el panel admin */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0f1115; }
::-webkit-scrollbar-thumb { background: #2d313a; border-radius: 4px; }