.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);padding:var(--space-4);background:#11182780;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;width:100%;max-height:min(88vh,760px);animation:.3s fadeInUp;display:flex;overflow:hidden}.modal-sm{max-width:400px}.modal-md{max-width:520px}.modal-lg{max-width:700px}.modal-xl{max-width:900px}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);color:var(--color-text-heading);font-weight:600}.modal-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--color-primary-dark);color:var(--color-text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto}@media (max-width:640px){.modal-backdrop{align-items:flex-end;padding:.5rem}.modal{border-radius:14px;max-width:100%;max-height:92vh}.modal-header{padding:.78rem .88rem}.modal-title{font-size:1rem}.modal-body{padding:.88rem}}