/* Modal Styles */
.mf-modal-backdrop { position: fixed; inset: 0; background: var(--mf-bg-overlay); z-index: var(--mf-z-modal-backdrop); display: flex; align-items: center; justify-content: center; padding: var(--mf-space-lg); }
.mf-modal { background: var(--mf-bg-elevated); border: 1px solid var(--mf-border); border-radius: var(--mf-radius-xl); width: 100%; max-width: 600px; max-height: 90vh; overflow-y: auto; box-shadow: var(--mf-shadow-xl); }
.mf-modal.modal-lg { max-width: 900px; }
.mf-modal.modal-sm { max-width: 400px; }
.modal-header { display: flex; align-items: center; justify-content: space-between; padding: var(--mf-space-lg); border-bottom: 1px solid var(--mf-border); }
.modal-header h3 { font-size: var(--mf-font-size-lg); }
.modal-body { padding: var(--mf-space-lg); }
#mf-modal-container { display: none; }