:root{color-scheme:dark;font-family:system-ui,Segoe UI,sans-serif;background:#182126;color:#e7edf0}
body{margin:0}
header{background:#263238;border-bottom:3px solid #c88a2d;padding:1rem 2rem}
header h1{margin:.4rem 0;font-size:1.35rem}
header strong{color:#ffbe55;display:block;margin-top:.25rem}
a{color:#9ed5ff}
main{padding:1rem;max-width:1200px;margin:auto}
nav{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.75rem}
button{background:#344952;color:#fff;border:1px solid #58717c;padding:.55rem .75rem;border-radius:4px;cursor:pointer;min-height:44px}
button.active{background:#c88a2d;color:#172025}
section{margin-top:1rem;background:#222e34;padding:1rem;border-radius:6px}
form, .create-form, .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;margin:.75rem 0}
input,select,textarea{background:#10181c;color:#fff;border:1px solid #58717c;padding:.5rem;width:100%;box-sizing:border-box;min-height:44px}
textarea{min-height:8rem;font-family:ui-monospace,Consolas,monospace}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#10181c;padding:.75rem;border-radius:4px}
.warn{color:#ffcb6b}
.muted{color:#9bb0b8;font-size:.95rem}
.table-wrap{overflow:auto;border:1px solid #3a4d56;border-radius:4px;margin:1rem 0}
table{width:100%;border-collapse:collapse;font-size:.92rem}
th,td{padding:.45rem .55rem;border-bottom:1px solid #314149;text-align:left;vertical-align:top}
th{background:#1b282e;position:sticky;top:0}
details{margin-top:1rem}
#status{min-height:1.4rem;color:#9ed5ff;white-space:pre-wrap}
@media (max-width:900px){
  header,main{padding:.75rem}
  table{font-size:.85rem}
}