Sorgu Paneli Scripti Apr 2026

.sorgu-paneli background: #ffffff; border-radius: 32px; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.1); transition: all 0.2s;

.panel-header p margin: 8px 0 0; opacity: 0.8; font-size: 0.9rem;

.panel-container max-width: 1400px; width: 100%; background: rgba(255,255,255,0.4); border-radius: 48px; backdrop-filter: blur(2px); padding: 24px; box-shadow: 0 25px 45px -12px rgba(0,0,0,0.35); Sorgu Paneli Scripti

.filter-group input, .filter-group select width: 100%; padding: 12px 16px; font-size: 0.95rem; border: 1px solid #cbd5e1; border-radius: 20px; background: white; transition: 0.2s; outline: none;

.btn-secondary:hover background: #cbd5e1; .sorgu-paneli background: #ffffff

.panel-header h1:before content: "🔍"; font-size: 2rem;

function updateStats(filteredArray) const total = filteredArray.length; const activeCount = filteredArray.filter(item => item.status === "active").length; const adminCount = filteredArray.filter(item => item.role === "Admin").length; // İstatistik kartlarını güncelle const statNumbers = document.querySelectorAll('#statsArea .stat-number'); if (statNumbers.length >= 3) statNumbers[0].innerText = total; statNumbers[1].innerText = activeCount; statNumbers[2].innerText = adminCount; else // fallback: inner html yenileme statsArea.innerHTML = ` <div class="stat-card"><div class="stat-number">$total</div><div class="stat-label">Toplam Kayıt</div></div> <div class="stat-card"><div class="stat-number">$activeCount</div><div class="stat-label">Aktif</div></div> <div class="stat-card"><div class="stat-number">$adminCount</div><div class="stat-label">Adminler</div></div> `; box-shadow: 0 8px 20px rgba(0

.button-group display: flex; gap: 12px; flex-wrap: wrap;

.btn-primary:hover background: #f39c12; color: #1e2f3e; transform: translateY(-1px);

.data-table th text-align: left; padding: 16px 20px; background-color: #f1f5f9; color: #1e2f3e; font-weight: 600; border-bottom: 2px solid #e2e8f0;

/* İSTATİSTİK KARTLARI */ .stats-row display: flex; gap: 18px; padding: 20px 28px; background: #ffffff; border-bottom: 1px solid #edf2f7; flex-wrap: wrap;