/* базовое */
body{font-family:Inter,Arial,sans-serif;background:#111;color:#eee;margin:20px}
a{color:#8fd;text-decoration:none}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}

/* кнопки */
.btn{
  display:inline-block;
  background:#0e0f11;
  border:1px solid #333;
  padding:6px 10px;
  border-radius:6px;
  margin-right:6px;
  color:#e8eef8;
}
.btn:hover{border-color:#555}
.btn:focus-visible{outline:2px solid #6da; outline-offset:2px}

/* фильтры */
.filters-grid{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-items:flex-end;
  margin-bottom:12px;
}
.filter select,
.filters-actions select,
input,select{
  background:#0e0f11;
  border:1px solid #333;
  color:#eee;
  border-radius:6px;
  padding:6px;
}
.small{opacity:.85;font-size:12px}
.filters-actions{display:flex;gap:8px;align-items:flex-end}

/* таблица */
table.list{width:100%;border-collapse:collapse}
table.list th, table.list td{
  border-bottom:1px solid #333;
  padding:8px 10px;
  vertical-align:top;
}
table.list th{font-weight:600;opacity:.9}
table.list th a{color:inherit;text-decoration:none} /* одинаковый цвет заголовков */
table.list th a:hover{text-decoration:underline}
.nowrap{white-space:nowrap}
.num{width:1%;white-space:nowrap;text-align:right;opacity:.8}

/* пагинация */
.pager{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:12px;
  gap:12px;
  flex-wrap:wrap;
}
.pager-info{opacity:.85}
.pager-links .page{
  display:inline-block;
  padding:6px 10px;
  border:1px solid #333;
  border-radius:6px;
  margin-right:6px;
  text-decoration:none;
  color:#8fd;
  background:#0e0f11;
}
.pager-links .page.active{border-color:#6da;box-shadow:0 0 0 1px #6da inset}
.pager-links .page:hover{border-color:#555}
.pager-links .dots{opacity:.6;margin:0 6px}