body { background-color: #121212; color: #e0e0e0; font-family: Arial, sans-serif; padding-top: 15px; }
.card { background-color: #1e1e1e; border: none; }
.table { color: #e0e0e0; }
.table th, .table td { border-color: #333; }
.action-icon { width: 20px; height: 20px; margin-right: 5px; cursor: pointer; }
input.form-control, select.form-select { background-color: #252525; color: #e0e0e0; border-color: #333; }
.btn-primary { background-color: #0d6efd; border: none; }
.nav-tabs .nav-link { color: #e0e0e0; }
.nav-tabs .nav-link.active { background-color: #252525; border-color: #333; }
.accordion-button { background-color: #252525; color: #e0e0e0; }
.accordion-body { background-color: #1e1e1e; }
.question { border: 1px solid #333; padding: 10px; margin-bottom: 10px; background-color: #252525; position: relative; }
.answer { border: 1px dashed #444; padding: 5px; margin-bottom: 5px; position: relative; }
.action-icon { filter: invert(1); }
.remove-icon { width: 20px; height: 20px; position: absolute; top: 5px; right: 5px; cursor: pointer; }
h2, h5, h6, p, label, small, td, li { color: #e0e0e0; }
.header { background-color: #1e1e1e; padding: 10px; display: flex; justify-content: space-between; align-items: center; }
.logo { height: 80px; }
.dropdown-menu { background-color: #252525; }
.dropdown-item { color: #e0e0e0; }
.spinner-border { margin-left: 5px; }
.response-card { cursor: pointer; margin-bottom: 10px; }
@media (max-width: 768px) { .response-card { width: 100%; } }