:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#172033;background:#f7f8fb}body{margin:0}main{max-width:1180px;margin:0 auto;padding:32px}.narrow{max-width:420px}.top,.row,.actions{display:flex;gap:12px;align-items:center;justify-content:space-between}.card{background:white;border:1px solid #e3e7ef;border-radius:16px;padding:20px;margin:18px 0;box-shadow:0 2px 12px #00000008}h1,h2{margin:0 0 16px}label{display:flex;flex-direction:column;gap:6px;font-weight:650}input{padding:11px 12px;border:1px solid #cfd6e3;border-radius:10px;font:inherit}button,.button{border:0;background:#172033;color:white;padding:10px 14px;border-radius:10px;text-decoration:none;font:inherit;cursor:pointer}button.secondary,.button.secondary{background:#edf1f7;color:#172033}.danger{background:#a82020}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid .actions{justify-content:flex-start}.error{background:#fff0f0;color:#8c1d1d;padding:10px;border-radius:10px}.notice{background:#effaf1;color:#1b6b2b;padding:10px;border-radius:10px}.muted{color:#667085;word-break:break-all}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-top:1px solid #edf0f5;padding:12px;vertical-align:top}.copy{margin-left:8px;padding:6px 8px;background:#edf1f7;color:#172033}.search{display:flex;gap:8px}@media(max-width:800px){main{padding:18px}.grid{grid-template-columns:1fr}.top,.row{align-items:flex-start;flex-direction:column}td,th{min-width:130px}}
select{padding:11px 12px;border:1px solid #cfd6e3;border-radius:10px;font:inherit;background:white}.stack{display:flex;flex-direction:column;gap:14px}.nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:-8px}.nav a{color:#172033;background:#edf1f7;padding:7px 10px;border-radius:999px;text-decoration:none;font-weight:650}label span.muted{font-weight:400}

.linklike {
  appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  padding: 0;
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 720px) {
  main { padding: 1rem; }
  .top { align-items: flex-start; gap: 1rem; }
  .nav { display: flex; flex-wrap: wrap; gap: .75rem; }
  .row { flex-direction: column; align-items: stretch; }
  .search { width: 100%; }
  .search input { width: 100%; }
  .actions { flex-wrap: wrap; }
  input, select, button, .button { min-height: 44px; }
  table { font-size: .92rem; }
}