body { font-family: system-ui, Arial, sans-serif; background: #f8f9fa; margin: 0; padding: 20px; }
.container { max-width: 960px; margin: auto; background: white; padding: 30px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
h1 { text-align: center; color: #d32f2f; }
form { display: grid; gap: 16px; max-width: 600px; }
label { font-weight: 600; margin-top: 8px; }
input, select, button { padding: 14px; font-size: 16px; border: 1px solid #ccc; border-radius: 8px; }
button { background: #d32f2f; color: white; font-weight: bold; cursor: pointer; }
button:hover { background: #b71c1c; }
table { width: 100%; border-collapse: collapse; margin-top: 25px; }
th, td { padding: 12px; border: 1px solid #ddd; text-align: left; }
th { background: #f1f1f1; }
.success { background: #e8f5e9; color: #2e7d32; padding: 15px; border-radius: 8px; }
.instructions { margin-top: 40px; padding: 20px; background: #fff3e0; border-radius: 8px; font-size: 14px; line-height: 1.5; }