@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
body {
    font-family: 'Inter', sans-serif;
    background-color: #f3f4f6;
}
.modal-overlay {
    background-color: rgba(0, 0, 0, 0.7);
    transition: opacity 0.3s ease-in-out;
}
.modal-content {
    animation: fadeInScale 0.3s ease-in-out;
}
@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.tab-button.active {
    border-bottom: 2px solid #3b82f6;
    color: #3b82f6;
}