.table { width: 100%; border-collapse: collapse; margin-top: 1rem; font-size: 0.95rem; }
.table thead { background: #003366; color: #fff; font-weight: bold; }
.table th, .table td { padding: 0.75rem 0.9rem; text-align: left; }
.table tbody tr:nth-child(odd) { background: #f7f9fc; }
.table tbody tr:nth-child(even) { background: #eef3fa; }
.table tbody tr:hover { background: #e0ebff; }
.status-badge { display: inline-block; padding: 0.2rem 0.6rem; border-radius: 999px; font-weight: 600; }
.status-1 { background: #ffe28a; }
.status-2 { background: #ffb366; }
.status-3 { background: #99b3ff; }
.status-4 { background: #cc99ff; }
.status-5 { background: #7acc7a; }
.filter { margin: 1rem 0; }
.filter form { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; align-items: flex-end; }
.filter label { display: flex; flex-direction: column; font-weight: 600; }
.filter input, .filter select { padding: 0.4rem 0.5rem; border: 1px solid #cbd5e1; border-radius: 4px; }
.filter button { padding: 0.45rem 1rem; background: #003366; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
.filter button:hover { background: #0b4b8c; }
@media (max-width: 768px) {
  .table thead { display: none; }
  .table, .table tbody, .table tr, .table td { display: block; width: 100%; }
  .table tr { margin-bottom: 1rem; background: #fff; padding: 0.5rem 0; }
  .table td { padding: 0.4rem 0.75rem; position: relative; }
  .table td::before { content: attr(data-label); font-weight: 700; display: block; color: #334155; margin-bottom: 0.2rem; }
}
.safnsvaedi-form-section { display: none; }
.safnsvaedi-form-section:target { display: block; }