.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background-color:#00000080;animation:modal-backdrop-fade-in var(--duration-fast) var(--ease-default)}@keyframes modal-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1101;display:flex;flex-direction:column;max-height:calc(100vh - var(--spacing-3xl) * 2);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);outline:none;animation:modal-slide-in var(--duration-normal) var(--ease-out)}@keyframes modal-slide-in{0%{opacity:0;transform:translate(-50%,-50%) translateY(-8px) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}}.modal-sm{width:calc(100% - var(--spacing-xl) * 2);max-width:400px}.modal-md{width:calc(100% - var(--spacing-xl) * 2);max-width:560px}.modal-lg{width:calc(100% - var(--spacing-xl) * 2);max-width:800px}.modal-full{width:calc(100vw - var(--spacing-xl) * 2);height:calc(100vh - var(--spacing-xl) * 2);max-width:none;max-height:none;border-radius:var(--radius-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--border-secondary);flex-shrink:0}.modal-title{margin:0;font-family:var(--font-family-body);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-lg);color:var(--text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:calc(var(--spacing-sm) * -1);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.modal-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-ring)}.modal-body{flex:1;padding:var(--spacing-2xl);overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background-color:var(--border-secondary);border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--border-primary)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-2xl);border-top:1px solid var(--border-secondary);flex-shrink:0}.modal-footer-spread{justify-content:space-between}@media (max-width: 640px){.modal-sm,.modal-md,.modal-lg{max-width:none;width:calc(100% - var(--spacing-md) * 2)}.modal-full{width:calc(100vw - var(--spacing-md) * 2);height:calc(100vh - var(--spacing-md) * 2)}.modal-header,.modal-body,.modal-footer{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}