/* ===== Modals ===== */
.modal-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 1000; align-items: center; justify-content: center; padding: 16px }
.modal-overlay.open { display: flex }
.modal { background: #fff; border-radius: 12px; width: 100%; max-width: 700px; max-height: 90vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,.2) }
.modal-header { padding: 14px 18px; border-bottom: 1px solid var(--gray-200); display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; background: #fff; z-index: 1 }
.modal-title { font-family: "Syne", sans-serif; font-size: 15px; font-weight: 700; color: var(--purple-dark) }
.modal-close { cursor: pointer; font-size: 20px; color: var(--gray-400); line-height: 1; background: none; border: none }
.modal-body { padding: 18px }