body, .fmx-table, .fmx-field-group label, .fmx-button-row button, .fmx-search, .fmx-toggle { font-size: 0.9375em; }
.fmx-container { max-width: 1000px !important; width: 100%; margin: 0 auto; }
.fmx-field-row, .fmx-search-row { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 10px; width: 100%; }
.fmx-field-group { flex: 1; min-width: 250px; }
.fmx-field-group select, .fmx-field-group input[type="text"], .fmx-field-group input[type="file"] { padding: 8px; width: 100%; font-size: 1em; }
.fmx-flatpickr { width: 200px !important; }
.fmx-button-row { margin-top: 20px; text-align: center; width: 100%; display: flex; justify-content: center; gap: 10px; }
.fmx-submit { background: #007bff; color: white; font-weight: bold; padding: 10px 20px; border: none; cursor: pointer; }
.fmx-clear { background: #ff9800; color: white; font-weight: bold; padding: 10px 20px; border: none; cursor: pointer; margin-left: 10px; }
.fmx-table { width: 100%; max-width: 1000px !important; border-collapse: collapse; margin: 20px 0; }
.fmx-table th, .fmx-table td { padding: 8px; border: 1px solid #ddd; text-align: left; }
.fmx-table th { background: #f4f4f4; }
.private-file { background: #cce5ff; }
.delete-column { display: none; }
.delete-btn { background: red; color: white; font-weight: bold; padding: 5px 10px; border: none; cursor: pointer; }
.edit-btn { background: #28a745; color: white; font-weight: bold; padding: 5px 10px; border: none; cursor: pointer; margin-left: 5px; }
.fmx-download { background: #007bff; color: white; font-weight: bold; padding: 5px 10px; border: none; cursor: pointer; }
.fmx-delete-option { background: red; color: white; font-weight: bold; padding: 5px 10px; border: none; cursor: pointer; }
.fmx-table-footer { width: 100%; margin: 20px 0; text-align: right; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.fmx-toggle-label { font-size: 0.9375em; }
.switch { position: relative; display: inline-block; width: 48px; height: 27px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 27px; }
.slider:before { position: absolute; content: ""; height: 21px; width: 21px; left: 3px; bottom: 3px; background-color: white; transition: .4s; border-radius: 50%; }
input:checked + .slider { background-color: #2196F3; }
input:checked + .slider:before { transform: translateX(21px); }
.fmx-success { color: green; }
.fmx-error { color: red; }
.fmx-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.fmx-modal-content { background: white; margin: 15% auto; padding: 20px; width: 50%; max-width: 500px; }
.fmx-close { float: right; font-size: 20px; cursor: pointer; }
.fmx-private label { display: flex; align-items: center; gap: 5px; }