.page-container { padding: 32px 40px; max-width: 800px; }
.page-header { margin-bottom: 28px; }
.page-header h1 { font-size: 26px; font-weight: 700; color: var(--text-primary); margin: 8px 0 4px; }
.page-subtitle { color: var(--text-muted); font-size: 14px; }
.back-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--text-secondary); font-weight: 500; }
.back-link:hover { color: var(--accent-primary); }

.form-card { margin-bottom: 32px; }
.quiz-form { display: flex; flex-direction: column; gap: 20px; }
.form-group { display: flex; flex-direction: column; flex: 1; }
.form-row { display: flex; gap: 16px; }

.file-upload {
  display: flex; align-items: center; gap: 12px; padding: 20px;
  background: var(--bg-input); border: 2px dashed var(--border-color);
  border-radius: var(--radius-md); cursor: pointer; transition: all 0.2s;
}
.file-upload:hover { border-color: var(--accent-primary); background: var(--accent-primary-light); }
.upload-icon { font-size: 28px; color: var(--accent-primary); }
.file-name { font-size: 14px; color: var(--text-primary); font-weight: 500; }
.file-placeholder { font-size: 14px; color: var(--text-muted); }

@media (max-width: 768px) {
  .page-container { padding: 20px 16px; }
  .form-row { flex-direction: column; }
}
