.mpr-container { max-width: 800px; margin: 40px auto; padding: 20px; font-family: system-ui, sans-serif; }
.mpr-form { display: flex; flex-direction: column; gap: 12px; margin-bottom: 30px; }
.mpr-form input, .mpr-form textarea, .mpr-form select { padding: 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 14px; }
.mpr-form textarea { min-height: 100px; resize: vertical; }
.mpr-row { display: flex; gap: 20px; flex-wrap: wrap; }
.mpr-row label { display: flex; flex-direction: column; gap: 5px; flex: 1; min-width: 200px; }
.mpr-btn { background: #d63638; color: #fff; padding: 12px 20px; border: none; border-radius: 6px; cursor: pointer; font-weight: 600; }
.mpr-btn:hover { background: #b02a2c; }
.mpr-btn:disabled { background: #ccc; cursor: not-allowed; }
.mpr-table { width: 100%; border-collapse: collapse; margin-top: 15px; }
.mpr-table th, .mpr-table td { border: 1px solid #ddd; padding: 10px; text-align: left; vertical-align: top; }
.mpr-table th { background: #f7f7f7; font-weight: 600; }
.mpr-table tbody tr:nth-child(even) { background: #fafafa; }