.card {
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:24px;
}
.primary,.secondary,.nav {
  border-radius:10px;
  padding:10px 16px;
  border:1px solid transparent;
  font-weight:600;
}
.primary {
  background:#171717;
  color:#fff;
}
.primary:hover {
  background:#333;
}
.secondary {
  background:#fff;
  border-color:var(--line);
  color:var(--text);
}
.secondary:hover {
  background:#f2f2ef;
}
.nav {
  display:block;
  text-align:left;
  background:transparent;
}
.nav.active {
  background:#171717;
  color:#fff;
}
label {
  display:block;
  font-size:13px;
  font-weight:600;
}
input,select {
  display:block;
  width:100%;
  padding:9px 12px;
  border:1px solid var(--line);
  background:#fff;
  border-radius:8px;
  color:var(--text);
  margin-top:6px;
}
form>label {
  margin-bottom:15px;
}
.filters>label {
  margin-bottom:0;
}
input[type=checkbox] {
  width:20px;
  height:20px;
  min-height:20px;
  margin:0;
  accent-color:var(--accent);
}
.check-label {
  display:flex;
  gap:8px;
  align-items:center;
}
.table-scroll {
  overflow-x:auto;
}
table {
  width:100%;
  border-collapse:collapse;
  text-align:left;
  white-space:nowrap;
}
th {
  font-size:11px;
  letter-spacing:.7px;
  text-transform:uppercase;
  background:#f7f7f5;
  color:var(--muted);
}
td,th {
  padding:14px 12px;
  border-bottom:1px solid #eee;
}
td .secondary {
  padding:5px 10px;
  font-size:12px;
  margin-right:5px;
}
.badge {
  padding:4px 10px;
  border-radius:20px;
  background:#f0f0ed;
  font-size:12px;
}
.badge.yes {
  background:#e6f1e9;
  color:#27523c;
}
#notice {
  padding:14px 18px;
  border-radius:10px;
  background:#e6f1e9;
}
#notice.error,#editor-error {
  color:#a32929;
}
#notice.error {
  background:#fceaea;
}
dialog {
  border:1px solid var(--line);
  border-radius:18px;
  width:min(500px,94vw);
  max-height:90vh;
  padding:26px;
  color:var(--text);
}
dialog::backdrop {
  background:#0006;
}
#editor-fields {
  display:grid;
  gap:12px;
}
.auth-card form {
  margin-top:25px;
}
.auth-card .primary {
  width:100%;
}