body{font-family:system-ui,sans-serif;margin:24px;background:#f7f7f9;color:#222}
header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}header form{background:none;box-shadow:none;padding:0}
form{display:flex;flex-wrap:wrap;gap:8px;align-items:end;background:#fff;padding:14px;border-radius:10px;box-shadow:0 1px 3px #0002}
form.col{flex-direction:column;align-items:stretch;max-width:360px}
label{display:flex;flex-direction:column;font-size:12px;color:#555}input,select{padding:6px 8px;font-size:14px;border:1px solid #ccc;border-radius:6px}
button{padding:8px 16px;font-size:14px;background:#2563eb;color:#fff;border:0;border-radius:6px;cursor:pointer}
button.link{background:none;color:#2563eb;padding:0}button.danger{background:#b91c1c}
table{border-collapse:collapse;margin-top:16px;background:#fff;font-size:13px;width:100%}th,td{padding:5px 8px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}
th{background:#f0f2f5;position:sticky;top:0}.meta{margin-top:12px;color:#555;font-size:13px}.err{color:#b91c1c}.ok{color:#166534}
td form{display:inline;background:none;box-shadow:none;padding:0}a{color:#2563eb}