/* ===============================================
   GENEL DEĞIŞKENLER VE AYARLAR
   =============================================== */

@import 'gostergePaneli.css';
@import 'ayarlar.css';
@import 'kullanicilar.css';
@import 'musteriGorusmeleri.css';
@import 'randevular.css';
@import 'satislar.css';
@import 'raporlar.css';
@import 'profil.css';
@import 'login.css';


/* ===============================================
   RESPONSIVE AYARLAR
   =============================================== */
@media (max-width: 576px) {
    .login-container {
        margin: 1rem;
        padding: 2rem;
    }
    
    .login-header img {
        max-width: 150px;
    }
}

/* ===============================================
   ANIMASYONLAR
   =============================================== */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

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

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

.slide-up {
    animation: slideUp 0.3s ease-out;
}

span.btn-text {
    color: #fff;
}



/* ===============================================
   YARDIMCI SINIFLAR
   =============================================== */
.text-primary { color: var(--primary-color) !important; }
.text-secondary { color: var(--secondary-color) !important; }
.bg-primary { background-color: var(--primary-color) !important; }
.bg-secondary { background-color: var(--secondary-color) !important; }
.shadow-hover { transition: var(--transition-base); }
.shadow-hover:hover { box-shadow: var(--shadow) !important; }