/* ADMIN CSS */

:root {
    --color-gold: #D4AF37;
    --color-black: #1a1a1a;
}

body {
    font-family: 'Montserrat', sans-serif;
}

/* Sidebar Active State */
.nav-btn.active {
    background-color: var(--color-gold);
    color: var(--color-black);
    font-weight: 600;
}

.nav-btn:hover:not(.active) {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Service status badges */
.badge {
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.badge-active {
    background-color: #DEF7EC;
    color: #03543F;
}

.badge-inactive {
    background-color: #FDE8E8;
    color: #9B1C1C;
}

.badge-confirmed {
    background-color: #E1EFFE;
    color: #1E429F;
}

.badge-completed {
    background-color: #DEF7EC;
    color: #03543F;
}

.badge-cancelled {
    background-color: #FDE8E8;
    color: #9B1C1C;
}

.badge-pending {
    background-color: #FEF3C7;
    color: #92400E;
}

/* Toast Animation */
#toast.show {
    transform: translateY(0);
    opacity: 1;
}

/* Login transitions */
#login-section,
#dashboard-section {
    transition: opacity 0.3s ease-in-out;
}