body { font-family: Arial, Helvetica, sans-serif; background:#f4f6f8; margin:0; padding:0; color:#1f2937; }
.container { max-width: 900px; margin: 30px auto; background:#fff; padding:30px 40px; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.1); }
.container.wide { max-width: 1300px; overflow-x:auto; }
h1 { font-size:22px; margin-bottom:4px; color:#0f172a; }
.subtitle { color:#6b7280; margin-bottom:24px; font-size:14px; }
.nav-links { margin-bottom:20px; font-size:14px; }
.nav-links a, a.back { color:#2563eb; text-decoration:none; margin-right:16px; }
.nav-links a:hover, a.back:hover { text-decoration:underline; }
.flash { padding:10px 14px; border-radius:6px; margin-bottom:20px; font-size:14px; }
.flash-success { background:#dcfce7; color:#166534; border:1px solid #86efac; }
.flash-error { background:#fee2e2; color:#991b1b; border:1px solid #fca5a5; }
form label { display:block; font-size:13px; font-weight:bold; margin-top:14px; margin-bottom:4px; color:#374151; }
input[type=text], input[type=date], input[type=number], select, textarea {
  width:100%; padding:8px 10px; border:1px solid #d1d5db; border-radius:5px; font-size:14px; box-sizing:border-box; font-family: Arial, sans-serif;
}
input.locked-field {
  background:#f1f5f9; color:#6b7280; cursor:not-allowed;
}
textarea { resize: vertical; min-height:60px; }
.row2 { display:flex; gap:16px; }
.row2 > div { flex:1; }
fieldset { margin-top:20px; border:1px solid #e5e7eb; border-radius:6px; padding:14px 16px; }
legend { font-weight:bold; font-size:14px; padding:0 6px; color:#374151; }
.param-row { display:flex; gap:10px; align-items:center; margin-bottom:8px; }
.param-row input { flex:1; }
.param-row button { background:#fee2e2; color:#b91c1c; border:none; border-radius:5px; padding:8px 10px; cursor:pointer; font-size:13px; white-space:nowrap; }
#addParamBtn { margin-top:6px; background:#e0e7ff; color:#3730a3; border:none; border-radius:5px; padding:8px 14px; cursor:pointer; font-size:13px; }
.submit-btn { margin-top:26px; background:#2563eb; color:#fff; border:none; border-radius:6px; padding:12px 20px; font-size:15px; font-weight:bold; cursor:pointer; width:100%; }
.submit-btn:hover { background:#1d4ed8; }
table { border-collapse: collapse; width:100%; font-size:13px; }
th, td { border:1px solid #e5e7eb; padding:6px 10px; text-align:left; white-space:nowrap; }
th { background:#f1f5f9; }
tr:nth-child(even) { background:#fafafa; }
.empty { color:#6b7280; font-size:14px; padding:20px 0; }
