/*body { font-family: Arial, sans-serif; background-color: #f4f7f6; padding: 20px; }*/
.container { width: 100%; max-width: 850px; margin: 0 auto; background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }
h2 { margin-top: 0; color: #333; border-bottom: 2px solid #007bff; padding-bottom: 10px; }
h3 { color: #555; margin-top: 25px; font-size: 16px; border-left: 3px solid #007bff; padding-left: 8px; }
.form-row { display: flex; gap: 20px; margin-bottom: 15px; }
.form-group { flex: 1; display: flex; flex-direction: column; }
label { margin-bottom: 5px; font-weight: bold; color: #666; font-size: 14px; }
input[type="text"].asl, input[type="email"].asl, textarea.asl, select.asl, input[type="file"].asl { padding: 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; width: 100%; box-sizing: border-box; background-color: #fff; }
textarea.asl { resize: vertical; height: 80px; }

.upload-input-container { display: flex; gap: 10px; align-items: center; }
.btn-secondary { background-color: #6c757d; color: white; border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; white-space: nowrap; }
.btn-secondary:hover { background-color: #5a6268; }
.staged-list { margin-top: 10px; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 4px; padding: 10px; display: none; }
.staged-item { display: flex; justify-content: space-between; align-items: center; padding: 5px 0; border-bottom: 1px solid #dee2e6; font-size: 14px; }
.staged-item:last-child { border-bottom: none; }
.remove-btn { color: #dc3545; cursor: pointer; font-weight: bold; font-size: 16px; }

button[type="submit"].asl { background-color: #007bff; color: white; border: none; padding: 14px 20px; border-radius: 4px; cursor: pointer; width: 100%; font-size: 16px; margin-top: 20px; font-weight: bold; }
button[type="submit"].asl:hover { background-color: #0056b3; }
.alert { padding: 15px; margin-bottom: 20px; border-radius: 4px; font-weight: bold; }
.success { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.error { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }