.modal-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:90vw;max-height:90vh;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;outline:none;display:flex;flex-direction:column}.modal-container.lg{width:1200px}.modal-container.sm{width:600px}.modal-container.md{width:800px}.modal-content{display:flex;flex-direction:column;height:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e0e0e0;position:relative}.modal-title{font-weight:600;color:#333;margin:0}.close-button{position:absolute;background-color:#f5f5f5;border-radius:4px;color:#666;padding:4px;width:32px;height:32px}.close-button:hover{background-color:#e0e0e0;color:#333}.modal-body{padding:20px 24px;flex:1;overflow-y:auto;color:#333;line-height:1.5;min-height:0;max-height:calc(100vh - 200px)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:12px 20px;background-color:#f5f5f5;border-top:1px solid #b8b7b7;border-radius:0 0 8px 8px}