:root { --bg:#0f172a; --card:#ffffff; --ink:#0f172a; --muted:#475569; --link:#0ea5e9; }
*{box-sizing:border-box}
body{margin:0;background:#f1f5f9;color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
.container{max-width:1100px;margin:0 auto;padding:1rem}
.site-header{background:var(--bg);color:white}
.site-header a{color:white;text-decoration:none;margin-right:1rem}
.site-header h1{margin:0 0 .5rem 0}
.card{background:var(--card);border-radius:12px;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,.06);margin-bottom:32px}
.grid{display:grid;gap:1rem}
.grid-2{grid-template-columns:1fr 1fr}
label{display:block;font-weight:600;margin:.25rem 0}
input[type="text"], textarea, select{width:100%;padding:.5rem;border:1px solid #cbd5e1;border-radius:8px}
button{background:var(--ink);color:white;border:0;border-radius:10px;padding:.6rem 1rem;cursor:pointer}
button.secondary{background:#64748b}
.results .item{padding:.75rem 0;border-bottom:1px solid #e2e8f0}
small.muted{color:var(--muted)}
.badge{display:inline-block; padding:.15rem .45rem; border-radius:999px; background:#e2e8f0; margin:0 .25rem .25rem 0; font-size:.8rem}
.hl{background:#fde68a}
.pagination{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.pagination a{
  padding: .4rem .6rem;
  border-radius: 8px;
  border: 1px solid #cbd5e1;
  text-decoration: none;
  color: var(--ink);
  background: #64748b;
  font-weight: 500;
  transition: background .2s, color .2s;
}
.pagination a:hover {
  background: #475569;
  color: #fff;
}
.pagination .current{
  background: var(--ink);
  color: white;
  border-color: var(--ink);
}
.help{font-size:.9rem;color:var(--muted)}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid #e2e8f0;padding:.5rem;text-align:left}