/* Custom style for the Inter font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
body {
    font-family: 'Inter', sans-serif;
}
/* Style for the active tab */
.tab-btn.active {
    background-color: #2563EB; /* blue-600 */
    color: white;
}

/* Toast Notification Styles */
.toast {
    position: fixed;
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #22c55e; /* green-500 */
    color: white;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 500;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: bottom 0.5s ease-in-out;
    z-index: 100;
}

.toast.show {
    bottom: 30px;
}

.toast.error {
    background-color: #ef4444; /* red-500 */
}