body {
    background-color: #f2f4f8;
    font-family: Arial, sans-serif;
}
.card {
    border-radius: 15px;
    background-color: white;
    padding: 20px;
    margin: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
input, select {
    border-radius: 8px !important;
    padding: 8px;
    width: 100%;
    margin: 5px 0;
}
/* BUTON RENKLERİNİ BOOTSTRAP YÖNETECEK ŞEKİLDE DÜZENLENDİ */
button, a.btn {
    border-radius: 10px !important;
    padding: 10px 20px;
    margin: 10px 5px;
    /* Eski: background-color: #4CAF50; */ /* Bu satır kaldırıldı */
    color: white; /* Bu satır, Bootstrap'in metin rengini geçersiz kılabilir. */
                  /* Eğer bazı butonlarda metin rengi sorunu olursa, bu satırı da kaldırabiliriz. */
    text-decoration: none;
    /* Eski: border: none; */ /* Bu satır kaldırıldı, Bootstrap kendi border'ını yönetecek */
}
/* Hover efekti için, Bootstrap'in kendi hover efektlerini kullanmasını sağlamak daha iyidir. */
/* Eğer özel bir hover efekti isteniyorsa, ilgili Bootstrap sınıfına özel yazılmalıdır. */
/* button:hover, a.btn:hover {
    background-color: #45a049;
} */ /* Bu blok yorum satırına alındı veya kaldırıldı */