:root { --primary: #3498db; --bg-color: #f4f7f6; --text-color: #333; --white: #fff; }
body { font-family: Arial, sans-serif; background-color: var(--bg-color); color: var(--text-color); margin: 0; padding: 20px; display: flex; justify-content: center; }
.container { background: var(--white); padding: 30px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); width: 100%; max-width: 900px; }
h1, h2 { color: var(--primary); }
form { display: flex; flex-direction: column; }
.form-group { margin-bottom: 15px; }
input[type="text"], input[type="password"], select, textarea { padding: 10px; border: 1px solid #ccc; border-radius: 4px; width: 100%; box-sizing: border-box; }
button { background: var(--primary); color: var(--white); border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; font-size: 16px; margin-top: 10px; }
button:hover { background: #2980b9; }
.question { margin-bottom: 20px; padding: 15px; background: #fafafa; border-left: 4px solid var(--primary); }
.question label { display: block; margin: 8px 0; cursor: pointer; }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
table th, table td { padding: 10px; border: 1px solid #ddd; text-align: left; }
table th { background: var(--primary); color: white; }
.error { color: #e74c3c; margin-bottom: 15px; font-weight: bold; }
.success { color: #2ecc71; margin-bottom: 15px; font-weight: bold; }
.admin-nav { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 2px solid var(--primary); }
.admin-nav a { text-decoration: none; color: var(--text-color); margin-right: 15px; font-weight: bold; }
.admin-nav a:hover { color: var(--primary); }
.answer-row { display: flex; align-items: center; margin-bottom: 10px; background: #fff; padding: 5px; border: 1px solid #ddd; }
.answer-row input[type="text"] { flex-grow: 1; margin-bottom: 0; margin-left: 10px; margin-right: 10px; }
.btn-remove { background: #e74c3c; padding: 8px 12px; margin-top:0; }
.btn-remove:hover { background: #c0392b; }
.btn-add { background: #2ecc71; margin-bottom: 15px; width: auto; align-self: flex-start; }
.btn-add:hover { background: #27ae60; }