Sorgu Paneli Scripti -

.no-data text-align: center; padding: 48px 20px; color: #7e8c9e; font-style: italic;

renderTable(filtered); updateStats(filtered);

.data-table td padding: 14px 20px; border-bottom: 1px solid #ecf3fa; color: #1f2d3d; Sorgu Paneli Scripti

async function filterAndRender() const params = new URLSearchParams( q: searchInput.value, status: statusFilter.value, role: roleFilter.value ); const response = await fetch(`/api/sorgu?$params`); const data = await response.json(); renderTable(data); updateStats(data);

.badge-inactive background: #ffe4e2; color: #9b2c1d; .no-data text-align: center

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

/* HEADER */ .panel-header background: #1a2c3e; color: white; padding: 20px 28px; border-bottom: 4px solid #f39c12; padding: 48px 20px

.stat-number font-size: 2rem; font-weight: 800; color: #1a2c3e; line-height: 1;