*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;background:#f6f7f9;color:#1c1f24}
header{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #dde1e6}
nav{display:flex;gap:12px;flex:1}nav a{color:#1c1f24;text-decoration:none}nav a[aria-current]{font-weight:600;text-decoration:underline}
main{max-width:1100px;margin:0 auto;padding:16px}h1{font-size:22px}table{width:100%;border-collapse:collapse;background:#fff}
th,td{padding:6px 8px;border-bottom:1px solid #e6e9ed;text-align:left}th{font-weight:600}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.tiles div{background:#fff;padding:12px;border:1px solid #dde1e6}
dt{color:#5b6470}dd{margin:0;font-size:22px}.muted{color:#5b6470}.bad{color:#b42318}.ok{color:#067647}.error{color:#b42318}
.login{max-width:360px}.login form{display:grid;gap:12px}label{display:grid;gap:4px}input,button,select{font:inherit;padding:6px 8px}
form.edit{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;background:#fff;padding:12px;border:1px solid #dde1e6;margin:12px 0}
form.edit fieldset{grid-column:1/-1;border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
form.edit legend{font-weight:600;padding:0 0 4px}label.check{display:flex;gap:6px;align-items:center}td form{display:inline}
@media (prefers-color-scheme:dark){body{background:#15171a;color:#e6e8eb}header,table,.tiles div,form.edit{background:#1d2024;border-color:#2e3238}
nav a{color:#e6e8eb}th,td{border-color:#2e3238}.muted,dt{color:#9aa3ad}.bad,.error{color:#f97066}.ok{color:#47cd89}}