body { font-family: 'Poppins', sans-serif; background: #eef2f5; margin: 0; padding: 20px; color: #333; }
.container { max-width: 1000px; margin: 0 auto; }
.header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
h1 { color: #2c3e50; font-size: 24px; margin: 0; }

/* Butonlar */
.btn-ekle { background: #3498db; color: white; padding: 12px 25px; text-decoration: none; border-radius: 30px; box-shadow: 0 4px 15px rgba(52,152,219,0.3); transition: 0.3s; }
.btn-ekle:hover { background: #2980b9; transform: translateY(-2px); }
.btn-sil { color: #e74c3c; text-decoration: none; font-size: 14px; font-weight: 600; }
.btn-geri { text-decoration: none; color: #7f8c8d; font-size: 14px; }

/* Tablo */
.table-wrapper { background: white; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); overflow: hidden; }
.fl-table { width: 100%; border-collapse: collapse; }
.fl-table th { background: #34495e; color: #fff; padding: 15px; text-align: left; }
.fl-table td { padding: 15px; border-bottom: 1px solid #f0f0f0; }
.fl-table tr:hover { background: #f9f9f9; }

/* Durum Badgeleri */
.badge { padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: bold; color: white; }
.badge-gecti { background: #2ecc71; box-shadow: 0 2px 10px rgba(46,204,113,0.3); }
.badge-kaldi { background: #e74c3c; box-shadow: 0 2px 10px rgba(231,76,60,0.3); }

/* Form */
.form-card { max-width: 500px; margin: 50px auto; background: white; padding: 40px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.form-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
.form-group { margin-bottom: 20px; flex: 1; }
.form-row { display: flex; gap: 15px; }
.form-group label { display: block; margin-bottom: 8px; font-weight: 600; font-size: 13px; color: #666; }
.form-group input { width: 100%; padding: 12px; border: 2px solid #eee; border-radius: 8px; box-sizing: border-box; transition: 0.3s; font-family: 'Poppins'; }
.form-group input:focus { border-color: #3498db; outline: none; }
.btn-submit { width: 100%; background: #27ae60; color: white; border: none; padding: 15px; border-radius: 8px; cursor: pointer; font-size: 16px; font-weight: 600; transition: 0.3s; }
.btn-submit:hover { background: #219150; }/* Zebra Deseni: Çift sayılı satırların arka planını hafif gri yapar */
.fl-table tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}

/* Mouse ile üzerine gelinen satırı vurgular */
.fl-table tbody tr:hover {
    background-color: #f1f4f9;
    transition: background-color 0.2s ease;
}

/* Tablo başlıklarının altını biraz daha belirgin yapalım */
.fl-table th {
    border-bottom: 2px solid #2c3e50;
}