:root{
    --text: #1f2937;
    --muted: #6b7280;
    --line: #e5e7eb;
    --control: #d1d5db;
    --brand: #3b82f6;
    --brand-strong: #2563eb;
}

html, body { background:#fff; color:var(--text); font-family: "Inter","Helvetica Neue",Arial,sans-serif; line-height:1.6; }

.admin-wrap { max-width:1040px; margin:2rem auto; padding:0 1rem; }
.admin-wrap h1 { margin-bottom:1rem; color:#111827; }


.search-bar { display:flex; gap:.5rem; margin-bottom:1rem; }
.search-bar input[type="text"]{
    flex:1; padding:.5rem .75rem; border:1px solid var(--control); border-radius:.375rem;
}
.search-bar button, .search-bar .reset{
    padding:.5rem .9rem; border-radius:.375rem; background:var(--brand); color:#fff; border:none; cursor:pointer; transition:background-color .2s ease;
}
.search-bar button:hover, .search-bar .reset:hover{ background:var(--brand-strong); }


.table-scroll{ overflow-x:auto; }
.list-table{ width:100%; border-collapse:collapse; background:#fff; }
.list-table th, .list-table td{
    padding:.75rem; border-bottom:1px solid var(--line); text-align:left; vertical-align:top;
}
.list-table th{ font-weight:600; color:#374151; background:#fff; }
.list-table th a{ text-decoration:none; color:var(--brand-strong); }
.list-table .msg{ max-width:520px; }


.empty{ text-align:center; color:var(--muted); }


.pagination{ display:flex; align-items:center; gap:.5rem; justify-content:flex-end; margin-top:1rem; flex-wrap:wrap; }
.pagination a{
    padding:.3rem .6rem; text-decoration:none; border:1px solid var(--line); border-radius:.375rem; color:#374151; background:#fff; transition:all .2s ease;
}
.pagination a:hover{ background:var(--brand); color:#fff; }
.pagination .counter{ color:var(--muted); margin-left:.5rem; }

@media (max-width:600px){
    .list-table th:nth-child(2), .list-table td:nth-child(2){ word-break:break-all; }
    .list-table .msg{ max-width:320px; }
}