.modal-overlay{z-index:var(--z-index-modal-backdrop);padding:var(--spacing-4);animation:fadeIn var(--transition-fast);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background-color:var(--color-background);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl);max-height:90vh;z-index:var(--z-index-modal);animation:slideUp var(--transition-base);flex-direction:column;width:100%;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1000px}.modal-header{padding:var(--spacing-6);border-bottom:var(--border-width) solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-close{padding:var(--spacing-2);border-radius:var(--border-radius-md);color:var(--color-text-secondary);transition:all var(--transition-base);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-6);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--spacing-3);padding:var(--spacing-6);border-top:var(--border-width) solid var(--color-border);display:flex}.modal-footer-start{margin-right:auto}.modal-body .checkbox-list{max-height:none;overflow-y:visible}.modal-body .checkbox-item{align-items:center;gap:var(--spacing-2);display:flex}@media (width<=640px){.modal-overlay{padding:var(--spacing-2)}.modal{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-4)}}