.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);padding:20px}.login-box{max-width:400px;width:100%;padding:2rem;background:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 6px #0003}.login-title{text-align:center;font-size:24px;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.form-label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;text-align:left}.form-input{width:100%;padding:.75rem;border:1px solid var(--form-border);border-radius:4px;font-size:14px;background-color:var(--form-bg);color:var(--form-text)!important;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--form-focus);box-shadow:0 0 0 2px #d8431533}[data-theme=dark] .form-input::placeholder{color:#9ca3af;opacity:.6}[data-theme=light] .form-input::placeholder{color:#718096;opacity:.6}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1em;padding-right:2.5rem}[data-theme=dark] select.form-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e5e7eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1em}.submit-button{width:100%;padding:.75rem;background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-button:hover{background-color:var(--btn-primary-hover)}.error-message{background-color:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:.75rem;border-radius:4px;margin-bottom:1.5rem;text-align:center;font-size:14px}.success-message{background-color:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);padding:.75rem;border-radius:4px;margin-bottom:1.5rem;text-align:center;font-size:14px}.dashboard-container{min-height:100vh;padding:2rem;background-color:var(--bg-primary)}.dashboard-header{max-width:800px;margin:0 auto 1rem;text-align:right;padding:1rem}.dashboard-content{max-width:800px;margin:0 auto;padding:2rem;background:var(--bg-secondary);border-radius:8px;box-shadow:0 4px 6px #0003}.admin-link{display:inline-block;padding:.75rem 1rem;background-color:#3b82f6;color:#fff;text-decoration:none;border-radius:4px;font-weight:500;transition:background-color .2s}.admin-link:hover{background-color:#2563eb}.dashboard-title{font-size:24px;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.welcome-message{font-size:18px;margin-bottom:1rem;color:var(--text-primary)}.role-info{color:var(--text-secondary);font-size:14px}.loading-message{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:16px;color:var(--text-secondary)}.create-song-container{max-width:800px;margin:0 auto;padding:32px 24px;color:var(--text-primary)}.create-song-title{font-size:2.5rem;font-weight:600;text-align:center;margin-bottom:40px;color:var(--text-primary)}.form-group{margin-bottom:24px}.form-label{display:block;font-size:1rem;margin-bottom:8px;color:var(--text-secondary)}.form-label.required:after{content:" *";color:#ff4757}.form-input,.form-textarea,.form-select{width:100%;padding:12px;background:var(--form-bg);border:1px solid var(--form-border);border-radius:6px;color:var(--form-text);font-size:1rem;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}select.form-input,.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}[data-theme=dark] select.form-input,[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}select.form-input option,.form-select option{background-color:var(--form-bg);color:var(--form-text);padding:12px}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--form-focus);background:var(--form-bg);box-shadow:0 0 0 2px #4a9eff33}.form-textarea{min-height:120px;resize:vertical;font-family:inherit}.form-select[multiple]{height:160px}.form-select option{padding:8px;background:var(--form-bg)}.form-buttons{display:flex;gap:16px;margin-top:32px;justify-content:flex-end}.btn{padding:12px 24px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-secondary:hover{background:var(--btn-secondary-hover)}.file-upload-container{position:relative}.file-input{width:100%;padding:12px;background:var(--form-bg);border:1px solid var(--form-border);border-radius:6px;color:var(--form-text);cursor:pointer}.file-input::-webkit-file-upload-button{visibility:hidden;width:0}.file-input:before{content:"Choose PDF file";display:inline-block;background:var(--btn-secondary-bg);border:1px solid var(--form-border);border-radius:4px;padding:8px 12px;margin-right:12px;white-space:nowrap;cursor:pointer;color:var(--btn-secondary-text)}.upload-status{margin-top:8px;color:var(--text-secondary)}.error-message{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:12px 16px;border-radius:6px;margin:8px 0}.success-message{background:var(--success-bg);border:1px solid var(--success-border);color:var(--success-text);padding:12px 16px;border-radius:6px;margin:8px 0}.liturgical-usages{display:flex;flex-direction:column;gap:24px}.liturgical-usage-item{background:var(--bg-tertiary);border:1px solid var(--form-border);border-radius:8px;padding:20px}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.usage-header h3{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin:0}.btn-icon{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn.btn-icon{padding:.4rem;font-size:1rem;min-width:32px;min-height:32px;background:var(--bg-tertiary);color:var(--text-secondary);border-radius:6px}.btn.btn-icon:hover:not(:disabled){background:var(--form-border);color:var(--text-primary)}.btn.btn-icon:disabled{opacity:.35;cursor:not-allowed}.btn.btn-icon.btn-icon-danger{color:#f87171}.btn.btn-icon.btn-icon-danger:hover:not(:disabled){background:#f8717126;color:#ef4444}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite}.export-dropdown{position:relative;display:inline-block}.export-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:200;background:var(--form-bg);border:1px solid var(--form-border);border-radius:8px;min-width:210px;box-shadow:0 8px 24px #0003;overflow:hidden}.export-dropdown-menu button{display:block;width:100%;padding:.6rem 1rem;text-align:left;background:none;border:none;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .15s}.export-dropdown-menu button:hover{background:var(--bg-tertiary)}.usage-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.btn-add{background:var(--btn-secondary-bg);border:2px dashed var(--form-border);color:var(--btn-secondary-text);padding:12px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;width:100%;text-align:center}.btn-add:hover{background:var(--btn-secondary-hover)}.loading-message{color:var(--text-secondary);padding:12px;text-align:center;background:var(--bg-tertiary);border-radius:6px;margin:8px 0}.filterable-select-wrapper{background-color:var(--bg-secondary);border:1px solid var(--form-border);padding:1rem;border-radius:.5rem}.filterable-select-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--form-bg);border:1px solid var(--form-border);border-radius:.5rem;margin-top:.25rem;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}.filterable-select-search-wrapper{padding:.5rem;border-bottom:1px solid var(--form-border)}.filterable-select-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;cursor:pointer;border-bottom:1px solid var(--bg-primary);color:var(--text-primary)}.filterable-select-item:hover,.filterable-select-item.selected{background-color:var(--bg-tertiary)}.filterable-select-item-text{flex:1;font-size:.875rem;color:var(--text-primary)}.filterable-select-empty{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.filterable-select-loading{font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.setlist-moment-card{background-color:var(--bg-secondary);border:1px solid var(--form-border);padding:1rem;border-radius:.5rem;margin-bottom:1rem}.song-preview-modal-content{background-color:var(--bg-secondary);border-radius:.75rem;width:90%;max-width:800px;max-height:90vh;overflow:auto}.song-preview-modal-header{padding:1.5rem;border-bottom:1px solid var(--form-border);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:var(--bg-secondary);z-index:10}.song-preview-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.song-preview-modal-credits{margin:.25rem 0 0;color:var(--text-secondary);font-size:.875rem}.song-preview-section-title{margin-bottom:.5rem;font-weight:600;color:var(--text-primary)}.song-preview-lyrics{background-color:var(--bg-tertiary);padding:1rem;border-radius:.5rem;white-space:pre-wrap;font-family:monospace;font-size:.875rem;border:1px solid var(--form-border);color:var(--text-primary)}.song-preview-chord-box{background-color:var(--bg-tertiary);padding:1rem;border-radius:.5rem;border:1px solid var(--form-border)}.file-upload-dropzone{border:2px dashed var(--form-border);border-radius:4px;padding:20px;text-align:center;cursor:pointer;background-color:var(--bg-secondary);transition:all .3s ease;margin-top:5px}.file-upload-dropzone:hover{border-color:var(--text-tertiary);background-color:var(--bg-tertiary)}.active-dropzone{border-color:#4a90e2;background-color:#4a90e21a}.has-file{border-style:solid;border-color:#4caf50;background-color:#4caf501a}.dropzone-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.dropzone-content p{margin:0;color:var(--text-secondary)}.file-preview{display:flex;align-items:center;justify-content:space-between;width:100%}.file-name{font-weight:500;color:#4caf50}.remove-file-btn{background:none;border:none;color:#f44336;cursor:pointer;font-weight:500;padding:5px 10px;border-radius:4px}.remove-file-btn:hover{background-color:#f443361a}:root{--mobile-header-height: 64px}.layout-container{display:flex;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);font-family:sans-serif}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:var(--mobile-header-height);background-color:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border);align-items:center;padding:0 16px;z-index:1000}.mobile-header-title{font-size:1.125rem;font-weight:700;color:var(--sf-primary);margin-left:16px}.hamburger-button{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s}.hamburger-button:hover{background-color:var(--sidebar-hover)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:998}.sidebar{width:260px;background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:999;transition:transform .3s ease-in-out}.sidebar-header{padding:24px;font-size:1.25rem;font-weight:700;color:var(--sf-primary)}.nav-menu{flex:1;padding:0 16px;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;border-radius:12px;text-decoration:none;color:var(--text-secondary);transition:all .2s}.nav-link:hover{background-color:var(--sidebar-hover);color:var(--text-primary)}.nav-link.active{background-color:var(--sf-primary);color:#fff;box-shadow:0 4px 12px #d843154d}.user-section{margin:16px;padding:16px;background-color:var(--bg-tertiary);border:1px solid var(--sidebar-border);border-radius:16px}.logout-button{width:100%;margin-top:12px;padding:10px;background:none;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px}.logout-button:hover{background-color:#ef44441a}.main-content{margin-left:260px;padding:40px;width:100%}@media (max-width: 768px){.mobile-header{display:flex;height:var(--mobile-header-height)}.sidebar{transform:translate(-100%);top:var(--mobile-header-height);height:calc(100vh - var(--mobile-header-height))}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block}.sidebar-header{display:none}.main-content{margin-left:0;padding:calc(var(--mobile-header-height) + 20px) 16px 16px 16px;width:100%}}.searchable-select-container{position:relative;width:100%}.searchable-select-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#1e293bcc;border:1px solid rgba(148,163,184,.2);border-radius:4px;cursor:pointer;min-height:38px;color:#e2e8f0}.searchable-select-header:hover{border-color:#94a3b866}.searchable-select-value{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e2e8f0}.searchable-select-input{flex:1;border:none;outline:none;padding:0;background:transparent;width:100%;color:#e2e8f0}.searchable-select-input::placeholder{color:#94a3b8;opacity:.7}.searchable-select-arrow{margin-left:8px;font-size:10px;color:#94a3b8}.searchable-select-dropdown{position:absolute;top:100%;left:0;width:250%;max-height:300px;overflow-y:auto;background-color:#1e293b;border:1px solid rgba(148,163,184,.2);border-top:none;border-radius:0 0 4px 4px;z-index:1000;box-shadow:0 4px 12px #0000004d}.searchable-select-option{padding:10px 12px;cursor:pointer;white-space:normal;word-break:break-word;color:#e2e8f0;transition:background-color .2s;text-align:left}.searchable-select-option:hover,.searchable-select-option.highlighted{background-color:#334155e6}.searchable-select-option.selected{background-color:#3b82f64d;font-weight:500}.searchable-select-no-results{padding:12px;color:#94a3b8;text-align:center;font-style:italic}@media (max-width: 768px){.searchable-select-dropdown{width:100%;right:0;left:auto}}.manage-users-container{padding:2rem;max-width:1400px;margin:0 auto}.manage-users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title{font-size:2rem;font-weight:600;color:#1a1a1a;margin:0}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#4f46e5}.btn-icon{font-size:1.25rem;font-weight:600}.loading-spinner{text-align:center;padding:4rem;font-size:1.125rem;color:#6b7280}.alert{padding:1rem;border-radius:8px;margin-bottom:1.5rem}.alert-error{background:#fee;color:#c00;border:1px solid #fcc}.alert-success{background:#efe;color:#0a0;border:1px solid #cfc}.empty-state{text-align:center;padding:4rem 2rem;background:#f9fafb;border-radius:12px;border:2px dashed #d1d5db}.empty-state p{color:#6b7280;font-size:1.125rem;margin:0}.users-table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.users-table{width:100%;border-collapse:collapse;table-layout:fixed}.users-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.users-table th{padding:1rem 1rem 1rem 1.5rem;text-align:left;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.users-table th:first-child{padding-left:1.5rem}.users-table th:nth-child(1){width:25%}.users-table th:nth-child(2){width:30%}.users-table th:nth-child(3){width:25%}.users-table th:nth-child(4){width:20%}.users-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .15s}.users-table tbody tr:hover{background:#f9fafb}.users-table tbody tr:last-child{border-bottom:none}.users-table td{padding:1rem 1rem 1rem 1.5rem;vertical-align:middle}.users-table td:first-child,.users-table th:first-child{padding-left:1.5rem}.user-name{font-weight:500;color:#1a1a1a}.user-email{color:#6b7280;font-size:.9375rem}.roles-container{display:flex;flex-wrap:wrap;gap:.5rem}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500}.role-admin{background:#dbeafe;color:#1e40af}.role-user{background:#e0e7ff;color:#4338ca}.role-manager{background:#fef3c7;color:#92400e}.actions-column,.actions-cell{text-align:center}.action-buttons,.delete-confirm-group{display:inline-flex;gap:.5rem;justify-content:center}.btn-small{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-edit{background:#6366f1;color:#fff}.btn-edit:hover{background:#4f46e5}.btn-delete{background:#e5e7eb;color:#6b7280}.btn-delete:hover{background:#d1d5db;color:#374151}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.btn-secondary{background:#e5e7eb;color:#374151}.btn-secondary:hover{background:#d1d5db}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1a1a1a}.modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;line-height:1;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151;font-size:.9375rem}.optional-text{font-weight:400;color:#6b7280;font-size:.875rem}.form-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;color:#333}.form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.roles-checkbox-group{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:background .2s}.checkbox-label:hover{background:#f9fafb}.checkbox-input{width:1.25rem;height:1.25rem;cursor:pointer;accent-color:#6366f1}.checkbox-text{font-size:.9375rem;color:#374151;-webkit-user-select:none;user-select:none}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.modal-actions .btn-secondary,.modal-actions .btn-primary{padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}@media (max-width: 768px){.manage-users-header{flex-direction:column;gap:1rem;align-items:flex-start}.users-table-container{overflow-x:auto}.users-table{min-width:600px}.action-buttons,.delete-confirm-group{flex-direction:column}}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px}.toast{padding:16px 24px;border-radius:8px;box-shadow:0 4px 12px #00000026;font-weight:500;min-width:300px;animation:slideIn .3s ease-out}.toast-success{background-color:#10b981;color:#fff}.toast-error{background-color:#ef4444;color:#fff}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.875rem;font-weight:500;white-space:nowrap}.role-admin{background-color:#dbeafe;color:#1e40af}.role-user{background-color:#e0e7ff;color:#4338ca}.role-choir-director{background-color:#fce7f3;color:#be185d}.role-manager{background-color:#d1fae5;color:#065f46}.roles-container{display:flex;gap:6px;flex-wrap:wrap}.readonly-input{background-color:#f3f4f6;cursor:not-allowed}.field-hint{color:#6b7280;font-size:.875rem}[data-theme=dark] .page-title{color:var(--text-primary)}[data-theme=dark] .loading-spinner{color:var(--text-secondary)}[data-theme=dark] .alert-error{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}[data-theme=dark] .alert-success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}[data-theme=dark] .empty-state{background:var(--bg-tertiary);border-color:var(--form-border)}[data-theme=dark] .empty-state p{color:var(--text-secondary)}[data-theme=dark] .users-table-container{background:var(--bg-secondary)}[data-theme=dark] .users-table thead{background:var(--bg-tertiary);border-bottom-color:var(--form-border)}[data-theme=dark] .users-table th{color:var(--text-secondary)}[data-theme=dark] .users-table tbody tr{border-bottom-color:var(--form-border)}[data-theme=dark] .users-table tbody tr:hover{background:var(--bg-tertiary)}[data-theme=dark] .user-name{color:var(--text-primary)}[data-theme=dark] .user-email{color:var(--text-secondary)}[data-theme=dark] .btn-delete{background:var(--bg-tertiary);color:var(--text-secondary)}[data-theme=dark] .btn-delete:hover{background:var(--form-bg);color:var(--text-primary)}[data-theme=dark] .btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .btn-secondary:hover{background:var(--form-bg)}[data-theme=dark] .modal-content{background:var(--bg-secondary)}[data-theme=dark] .modal-header{border-bottom-color:var(--form-border)}[data-theme=dark] .modal-header h2{color:var(--text-primary)}[data-theme=dark] .modal-close{color:var(--text-secondary)}[data-theme=dark] .modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}[data-theme=dark] .form-label{color:var(--text-primary)}[data-theme=dark] .optional-text{color:var(--text-secondary)}[data-theme=dark] .form-input{background:var(--form-bg);color:var(--form-text);border-color:var(--form-border)}[data-theme=dark] .checkbox-label:hover{background:var(--bg-tertiary)}[data-theme=dark] .checkbox-text{color:var(--text-primary)}[data-theme=dark] .modal-actions{border-top-color:var(--form-border)}[data-theme=dark] .readonly-input{background-color:var(--bg-tertiary)}[data-theme=dark] .field-hint{color:var(--text-secondary)}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400}[data-theme=light]{--sf-primary: #d84315;--sf-primary-hover: #bf360c;--sf-primary-light: #ff6f43;--bg-primary: #f0f4f8;--bg-secondary: #e3e9ef;--bg-tertiary: #d4dce5;--text-primary: #1a202c;--text-secondary: #4a5568;--text-tertiary: #718096;--form-bg: #ffffff;--form-border: #cbd5e0;--form-focus: #d84315;--form-text: #2d3748;--sidebar-bg: #e3e9ef;--sidebar-border: #cbd5e0;--sidebar-hover: #d4dce5;--btn-primary-bg: #d84315;--btn-primary-hover: #bf360c;--btn-primary-text: #ffffff;--btn-secondary-bg: #e2e8f0;--btn-secondary-text: #4a5568;--btn-secondary-hover: #cbd5e0;--card-bg: #ffffff;--card-border: #e2e8f0;--table-header-bg: #f8fafc;--success-bg: #e8f5e9;--success-border: #4caf50;--success-text: #2e7d32;--error-bg: #ffebee;--error-border: #f44336;--error-text: #c62828}[data-theme=dark]{--sf-primary: #ff6f43;--sf-primary-hover: #ff8a65;--sf-primary-light: #d84315;--bg-primary: #0b0f1a;--bg-secondary: #111827;--bg-tertiary: #1f2937;--text-primary: #e5e7eb;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--form-bg: #374151;--form-border: #4b5563;--form-focus: #ff6f43;--form-text: #e5e7eb;--sidebar-bg: #111827;--sidebar-border: #1f2937;--sidebar-hover: #1f2937;--btn-primary-bg: #ff6f43;--btn-primary-hover: #ff8a65;--btn-primary-text: #ffffff;--btn-secondary-bg: rgba(255, 255, 255, .1);--btn-secondary-text: #e5e7eb;--btn-secondary-hover: rgba(255, 255, 255, .18);--card-bg: #1f2937;--card-border: #374151;--table-header-bg: #111827;--success-bg: rgba(34, 197, 94, .1);--success-border: #22c55e;--success-text: #86efac;--error-bg: rgba(239, 68, 68, .1);--error-border: #ef4444;--error-text: #fca5a5}*{margin:0;padding:0;box-sizing:border-box}body{min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}