body { padding: 20px; background-color: #f8f9fa; }
.container { background-color: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); max-width: 800px; margin: auto; }
.form-group label { font-weight: bold; }
.loading-indicator { display: none; margin-left: 10px; }
.spinner-border-sm { width: 1rem; height: 1rem; }
#statusMessage { margin-top: 15px; }
#spreadsheetLinkContainer { margin-top: 20px; text-align: center; }
.modal-body p { margin-bottom: 0.5rem; }
.modal-body p strong { min-width: 150px; display: inline-block; }
.container img { width: 100%; }
.form-control-file, .form-control::placeholder { color: #555; opacity: 0.5; }
.form-group label { font-weight: normal !important; }
th { cursor: pointer; }
th .sort-icon { margin-left: 5px; opacity: 0.5; }
th .sort-icon.active { opacity: 1; }
.table-responsive { margin-top: 20px; }
#loadingIndicator { text-align: center; padding: 20px; font-size: 1.2em; }
#errorMessage { margin-top: 15px; }
@media (max-width: 600px) { 
	body { padding: 0; } 
	.container { padding: 20px; padding-top: 10px; }
	.mobile { display: none; }
}