.modal-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);background-color:#0006;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1140px}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;display:flex}.modal-title{margin:0;font-size:1.25rem;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--dur-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background-color:var(--bg-card);color:var(--text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}