.nav-link.active {
    background-color: rgba(59, 130, 246, 0.15);
    color: #fff;
}

.fade-in {
    animation: fadeIn 0.2s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

.status-activa { background-color: #fef3c7; color: #92400e; }
.status-pendiente { background-color: #dbeafe; color: #1e40af; }
.status-resuelta { background-color: #d1fae5; color: #065f46; }
.status-pending { background-color: #dbeafe; color: #1e40af; }
.status-syncing { background-color: #fef3c7; color: #92400e; }
.status-synced { background-color: #d1fae5; color: #065f46; }
.status-in_progress { background-color: #fef3c7; color: #92400e; }
.status-complete { background-color: #d1fae5; color: #065f46; }
.status-refreshing_in_progress { background-color: #e0e7ff; color: #3730a3; }
.status-error { background-color: #fee2e2; color: #991b1b; }
.status-queued { background-color: #e5e7eb; color: #374151; }
.status-started { background-color: #dbeafe; color: #1e40af; }
.status-ended { background-color: #d1fae5; color: #065f46; }
.status-failed { background-color: #fee2e2; color: #991b1b; }

input:focus, select:focus, textarea:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

table th {
    position: sticky;
    top: 0;
    background: white;
    z-index: 1;
}