.modal-overlay{z-index:1000;padding:var(--space-6);-webkit-backdrop-filter:blur(4px);background:#0f172a59;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-dialog{border-radius:var(--radius-modal);background:var(--color-surface-page);width:100%;max-height:calc(100vh - 48px);box-shadow:var(--shadow-modal);flex-direction:column;padding:30px 34px;animation:.16s modal-pop;display:flex;overflow:hidden}.modal-dialog:focus{outline:none}.modal-dialog--sm{max-width:420px}.modal-dialog--md{max-width:680px}.modal-dialog--lg{max-width:900px}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:22px;display:flex}.modal-title{color:var(--color-text-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0;line-height:1.2}.modal-close{border-radius:var(--radius-md);color:#6b7280;cursor:pointer;width:32px;height:32px;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.modal-close svg{width:20px;height:20px}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-heading)}.modal-body{flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;gap:14px;margin-top:28px;display:flex}@media (width<=620px){.modal-dialog{padding:24px 20px}.modal-footer{flex-direction:column-reverse}.modal-footer .ui-button{--ui-button-width:100%;flex:none}}