.table-wrap{overflow:auto;border:1px solid #0e1628;border-radius:16px}
.table{width:100%;border-collapse:collapse;min-width:780px}
.table th,.table td{padding:12px 14px;border-bottom:1px solid #0e1628;text-align:left}
.table th{position:sticky;top:0;background:#0b1220;z-index:1;cursor:pointer;user-select:none}
.table tr:hover td{background:#0b1324}

/* Mobile stacked view */
@media (max-width:760px){
  .table{min-width:0}
  .table thead{display:none}
  .table tr{display:block;border-bottom:1px solid #0e1628}
  .table td{display:flex;justify-content:space-between;gap:12px}
  .table td::before{content:attr(data-label);font-weight:700;color:#cbd5e1}
}

/* Datatable UI */
.dt-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:14px 0}
.dt-search{display:flex;gap:8px;align-items:center}
.dt-search input{padding:10px 12px;border-radius:10px;border:1px solid #20304d;background:#0b1220;color:#fff}
.dt-page{display:flex;gap:8px;align-items:center}
.dt-page button{background:#0b1220;border:1px solid #20304d;border-radius:10px;padding:8px 10px;color:#fff}
.dt-page .active{background:var(--primary);color:#07101f;border-color:transparent}
.dt-count{color:var(--muted)}