Sorgu Paneli Scripti May 2026

footer padding: 16px 28px 24px; font-size: 0.7rem; text-align: right; color: #7f8c8d; border-top: 1px solid #edf2f7; background: white;

.stat-card background: #f1f5f9; border-radius: 28px; padding: 12px 24px; flex: 1; min-width: 130px; text-align: center; Sorgu Paneli Scripti

.filter-group input:focus, .filter-group select:focus border-color: #f39c12; box-shadow: 0 0 0 3px rgba(243,156,18,0.2); footer padding: 16px 28px 24px; font-size: 0

<div class="table-wrapper"> <table class="data-table" id="resultTable"> <thead> <tr> <th>ID</th><th>Kullanıcı Adı</th><th>E-posta</th><th>Rol</th><th>Durum</th><th>Kayıt Tarihi</th> </tr> </thead> <tbody id="tableBody"> <tr class="no-data"><td colspan="6">Veriler yükleniyor...</td></tr> </tbody> </table> </div> <footer> Sorgu Paneli v2.0 | Örnek veri seti üzerinde çalışır - Gerçek API ile entegre edilebilir. </footer> </div> </div> footer padding: 16px 28px 24px

// Event listeners queryBtn.addEventListener('click', filterAndRender); resetBtn.addEventListener('click', resetFilters);

// Filtreleme ve render ana fonksiyonu function filterAndRender() const searchTerm = searchInput.value.trim().toLowerCase(); const statusVal = statusFilter.value; const roleVal = roleFilter.value;

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