body { font-family: Arial, sans-serif; margin: 0; background: #f5f7fb; color: #18202f; }
.wrap { max-width: 1100px; margin: 0 auto; padding: 24px; }
.bar { background: #18202f; color: #fff; padding: 14px 24px; }
.panel { background: #fff; border: 1px solid #d9dfeb; border-radius: 6px; padding: 18px; margin: 16px 0; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.form-list { display: grid; gap: 10px; }
.field { display: grid; grid-template-columns: 220px minmax(0, 1fr); align-items: center; gap: 14px; }
label { display: block; font-weight: 700; margin-bottom: 5px; }
.field label { margin-bottom: 0; }
input, select, textarea { width: 100%; box-sizing: border-box; padding: 9px; border: 1px solid #c7cedb; border-radius: 4px; }
button, .button { background: #0b6bcb; color: #fff; border: 0; border-radius: 4px; padding: 10px 14px; text-decoration: none; cursor: pointer; display: inline-block; }
table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { border: 1px solid #d9dfeb; padding: 8px; text-align: left; }
th { background: #eef2f7; }
.muted { color: #637083; }
@media print { .no-print, .bar { display: none; } body { background: #fff; } .panel { border: 0; } }
@media (max-width: 700px) {
  .grid { grid-template-columns: 1fr; }
  .field { grid-template-columns: 1fr; gap: 5px; }
  .field label { margin-bottom: 0; }
}