body { background:#f7fafc; font-family:Segoe UI,Roboto,Arial,sans-serif; color:#222;}
.container { max-width:1200px; min-width:340px; margin:36px auto; background:#fff; border-radius:10px; box-shadow:0 4px 14px #007bff33; padding:36px; }
h2 { color:#007bff; text-align:center;}
.table-wrap { width:100%; }
table { width:100%; border-collapse:collapse; margin:0 auto; table-layout:fixed; font-size:1.07rem; }
th, td { padding:12px 7px; border-bottom:1px solid #cbe0fa; text-align:center; word-break:break-word; }
th { background:#007bff; color:#fff; font-size:1.09rem; }
button, select, input[type=text], input[type=number], input[type=date], textarea {
  font-size:1.08rem; border-radius:6px; padding:8px 14px; border:1.5px solid #007bff77; box-sizing: border-box; text-align:left;
}
.add-row, .remove-row { background:#007bff; color:#fff; margin:3px; border:none; cursor:pointer;}
.add-row:hover, .remove-row:hover { background:#0056b3; }
.form-buttons {margin-top:28px; text-align:center;}
.btn-secondary { background:#6c757d; color:#fff; border:none; border-radius:7px; font-size:1.08rem; margin-left:16px; padding:8px 32px; font-weight:600; cursor:pointer; display:inline-block;}
.btn-secondary:hover { background:#444b50; color:#fff;}
.form-row { margin-bottom: 13px; }
.form-label { display: inline-block; min-width: 104px; font-weight: 500; text-align: left; font-size:1.09rem; vertical-align:top; }
.form-control { display:inline-block; width:95%; max-width:99%; min-width:300px;}
textarea.form-control { height:48px; resize:vertical; }
@media (max-width:900px) {
  .container {padding:6px;}
  table, th, td, .form-label, .form-control {font-size:0.92rem;}
  .form-control {min-width:120px; width:98%;}
}
